[HTML][CSS]Hover w menu z li, Nie chce zamieniać Opcje

[RifleMan]

Witam

Otóż mam taki kod:

[HTML] pobierz, plaintext 
<ul id="nav">
                <li id="menu1"><a href="#"><img src="images/menu_01.png"></img></a></li>
                <li id="menu2"><a href="#"><img src="images/menu_02.png"></img></a></li>
                <li id="menu3"><a href="#"><img src="images/menu_03.png"></img></a></li>
                <li id="menu4"><a href="#"><img src="images/menu_04.png"></img></a></li>
                <li id="menu5"><a href="#"><img src="images/menu_05.png"></img></a></li>
</ul>
[HTML] pobierz, plaintext 

i CSS

[HTML] pobierz, plaintext 
li#menu1:hover {
background: url(images/hover_03.png) no-repeat;
}
[HTML] pobierz, plaintext 

Jak najerzdzam na ten przycisk to mi się nie zmienia obrazek. Proszę o pomoc.

[JoShiMa]

Nie wiem jak się ta metoda nazywa, ale wstawia się img podwójny i nadaje mu się połowę wysokości. Dla hover poprzez nadanie odpowiedniej wartości marginesu (ujemnej) przesuwa się obrazek, tak, żeby było widać druga polówkę. Może ktoś podpowie jak się ta metoda nazywa.