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

[t4keda]

Może być potrzebne jeszcze coś takiego:

[CSS] pobierz, plaintext 
ul#nav {
 list-style: none
}
 
#nav li{ /*lub dla a-> #nav li a*/
 float: left;
}
 
menu1 a{
display: block; /*a musi być wyświetlane blokowo, żeby objął wymiarami obrazek*/
width: 59px; /*szerokość obrazka*/
height: 32px;/*wysokość obrazka*/
background: url(images/menu_01.png) no-repeat;
}
 
 
[CSS] pobierz, plaintext 

Ten post edytował t4keda 24.10.2009, 09:00:49