[Ovillo] Porque no me funciona el RollOver

[Reynier Perez Mira]

Hola lista:
Tengo este UL y dentro algunos LI que lo que tiene son imagines. Aquí esta el código HTML correspondiente:
<ul id="r2ul">
 	<li class="li0" id="li0"><a href="#"><img src="img/img_r2_c1.png" alt="" /></a></li>
	<li class="li1" id="li1"><a href="#"><img src="img/img_r2_c2.png" alt="" /></a></li>
	<li class="li2" id="li2"><a href="#"><img src="img/img_r2_c3.png" alt="" /></a></li>
	<li class="li3" id="li3"><a href="#"><img src="img/img_r2_c4.png" alt="" /></a></li>
	<li class="li4" id="li4"><a href="#"><img src="img/img_r2_c5.png" alt="" /></a></li>
	<li class="li5" id="li5"><a href="#"><img src="img/img_r2_c6.png" alt="" /></a></li>
</ul>

Estas son las reglas CSS que he creado:
.li0 { width: 139px; }
.li1 { width: 123px; }
.li2 { width: 122px; }
.li3 { width: 122px; }
.li4 { width: 122px; }
.li5 { width: 131px; }

.li1 a:hover {
	background: url(../img/img_r2_c2_h1.png);
	width: 123px;
	height: 47px;
}
.li2 a:hover {
	background: url(../img/img_r2_c3_h1.png);
	width: 122px;
	height: 47px;
}
.li3 a:hover {
	background: url(../img/img_r2_c4_h1.png);
	width: 122px;
	height: 47px;
}
.li4 a:hover {
	background: url(../img/img_r2_c5_h1.png);
	width: 122px;
	height: 47px;
}
.li5 a:hover {
	background: url(../img/img_r2_c6_h1.png);
	width: 131px;
	height: 47px;
}

Pero cuando paso el "Mouse"  por encima de los LI que contienen las imágenes no me hace el efecto de RollOver. Que es lo que estoy haciendo mal?

Salu2

-- 
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro.