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

[CSS] pobierz, plaintext 
#nav li a{
 display: block;
 width: ...; /*szerokość obrazka*/
 height: ...;/*wysokość obrazka*/
 backgorund: ...;
}
#nav li a:hover{
 background: ...;
}
[CSS] pobierz, plaintext 

Usuń te id z li, raczej są zbędne. I usuń obraz z wnętrza odnośnika (bo on ci przykrywa tło).

Ten post edytował t4keda 24.10.2009, 07:50:04