[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.

[RifleMan]

To jak to by przerobić. Fakt że umieszczenie obrazka bezpośrednio w dokumencie html to pomyłka i chyba musęe to zmienić ale jak?