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:
Código HTMLli{ 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:
Saludos!<ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> </ul>
P.D.: La imagen b2.gif si existe, por si a alguien se le ocurre que pueda ser eso