Buenas,
Gracias por la información, me estaba volviendo loco. Había consultado varios tutoriales y creía que era posible. En
este por ejemplo, hacen ver que se puede hacer con CSS tal y como lo estoy haciendo.
He probado con lo que me habeis comentado, pero ahora solo funciona con Internet Explorer, en Moz. Este es el código:
Código:
LI A{
list-style: none;
list-style-image: url(b1.gif);
background-repeat: no-repeat;
text-decoration: none;
color: grey;
}
LI A:hover{
list-style: none;
list-style-image: url(b2.gif);
background-repeat: no-repeat;
text-decoration: none;
padding-left: 0px;
color: white;
}
Intentando buscar una solución para los dos navegadores se me ha ocurrido hacer lo siguiente y de momento funciona
Código:
LI A{
list-style: none;
list-style-image: url(b1.gif);
background-repeat: no-repeat;
text-decoration: none;
color: grey;
}
LI A:hover{
list-style: none;
list-style-image: url(b2.gif);
background-repeat: no-repeat;
text-decoration: none;
padding-left: 0px;
color: white;
}
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(b1.gif);
background-repeat: no-repeat;
text-decoration: none;
color: grey;
}
Saludos y muchas gracias!