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

[piotrooo89]

[CSS] pobierz, plaintext 
ul, li
{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
li
{
	float: left;
}
#menu1 a
{
	display: block;
	width: 59px;
	height: 32px;
	background: url('images/menu_01.png') no-repeat;
}
#menu1 a:hover
{
	width: 59px;
	height: 32px;
	background: url("images/hover_03.png") no-repeat;
}
#menu2 a
{
	display: block;
	width: 89px; 
	height: 32px;
	background: url('images/menu_02.png');
	background-repeat: no-repeat;
}
#menu2 a:hover
{
	width: 89px; 
	height: 32px;
	background: url('images/hover_04.png') no-repeat;
}
#menu3 a
{
	display: block;
	width: 90px; 
	height: 32px;
	background: url('images/menu_03.png') no-repeat;
}
#menu3 a:hover
{
	width: 90px; 
	height: 32px;
	background: url('images/hover_05.png') no-repeat;
}
#menu4 a
{
	display: block;
	width: 89px; 
	height: 32px;
	background: url('images/menu_04.png') no-repeat;
}
#menu4 a:hover
{
	width: 89px; 
	height: 32px;
	background: url('images/hover_06.png') no-repeat;
}
#menu5 a
{
	display: block;
	width: 89px; 
	height: 32px;
	background: url('images/menu_05.png') no-repeat;
}
#menu5 a:hover
{
	width: 89px; 
	height: 32px;
	background: url('images/hover_07.png') no-repeat;
}
#nav img 
{
	border: 0px;
}
[CSS] pobierz, plaintext 

proszę. aha robienie od razu napisów na obrazkach nie jest zbyt dobrym pomysłem, będziesz chciał zmienić jakiś dział, lub dodać nowy to będzie problem... mało przenośne to jest.