Buenas,
Estoy haciendo un menu utilizando listas (LI y UL) en CSS, en Mozilla se vé tal y como quiero pero en Internet Explorer no funciona al pasar el ratón por encima de los elementos de las listas, es decir, no se aplican correctamente las propiedas de
:hover. No cambia la imagen, ni colores, etc.. en general creo que no se aplica ningún atributo.
He buscado información y no encuentro nada, todas las guias indican que lo estoy haciendo bien.
Dejo aquí el código CSS y HTML por si le quereis echar un vistazo. Muchas gracias por adelantado.
Código CSS
Código:
li{
list-style: none;
list-style-image: url(b1.gif);
background-repeat: no-repeat;
text-decoration: none;
color: grey;
}
li:hover{
list-style: none;
list-style-image: url(b2.gif);
background-repeat: no-repeat;
text-decoration: none;
padding-left: 0px;
color: white;
}
Código:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
Saludos!
P.D.: La imagen b2.gif si existe, por si a alguien se le ocurre que pueda ser eso
