[CSS] 'boczki' po najechaniu w menu

[menfis]

Wielkie dzięki, dam jutro znać jak to wyszło. Oczywiście + reputacja za pomoc. Myślę, że chociaż w ten sposób mogę podziękować. Koder jest na prawde wporządku i zna się na rzeczy.

@Edit Mam kilka wątpliwości
1. u ciebie tło najechanego fragmentu jest jakby z 2 fragmentów - lewy (długi) hover.jpg i prawy cien_r.jpg

Kod:

}
ul li a:hover{
    background:url(hover.jpg) left top no-repeat;

}
ul li:hover {
    background:url(cien_r.jpg) right top no-repeat;
    padding-right:7px;

mozna zrobic tak aby byl po lewej stronie cien_l, na srodku bg_najechany jak z mojego obrazka, który się 'kopiuje' oraz po prawej stronie cien_r?

Troche przerobiłem kod

Kod:

<style type="text/css">
ul {
    margin:0;
    padding:0;
    list-style:none;
    height:73px;
}
ul li {
    display:block;
    float:left;
    height:73px;
}
ul li a {
    display:block;
    background:url(menu.jpg) left top repeat-x;
    height:43px;
    color:#FFF;
    text-decoration:none;
    padding:33px 20px 0 20px;
}
ul li a:hover{
    background:url(cien_l.jpg) left top no-repeat;

}
ul li a:hover {
    background:url(wyp.jpg) 10 center reapeat-x;
    

}
ul li:hover {
    background:url(cien_r.jpg) right top no-repeat;
    padding-right:7px;

}
ul li:hover a {
    padding-right:13px;    
}
</style>
</head>

Mam teraz po 2 stronach cienie, ale nie pokazuje mi wypełnienia po środku. Oczywiście dorobiłem plik wyp.jpg który powinien na środu się rozchodzić.