Buenas!!
He intentado utilizar la FAQ 43 de KnowDemon (gracias
) sobre hacer un rollover mediante CSS, y la verdad es que he conseguido hacer que funcione, pero únicamente en FF, en IE aparece una especie de reflejo rarísimo, y la verdad es que no encuentro por ningún lado a que puede deberse...
Así es como debería verse (imagen de como lo muestra FireFox):
...y así es como lo muestra IE:
Sin embargo si os fijáis he utilizado una imagen para la lista de elementos del menú (el panteón rojo de la izquierda), y en Firefox aparece varios mm desplazado hacia arriba con respecto al <LI> en cuestión, ¿cómo podría también arreglar ésto?
Aquí dejo el código
CSS de un elemento del menú y de la lista desordenada de elementos:
Código:
#hresaltado, #hsinresaltar,{
height: 15px;
width: 80px;
margin-bottom: 5px;
}
#hresaltado{
background: url(imagenes/sec/historia2.png);
}
#hsinresaltar{
display: block;
background: url(imagenes/sec/historia1.png);
}
#hsinresaltar:hover{
background: transparent;
}
UL {
list-style-image: url(imagenes/panteonrojo.gif);
}
Y aquí el
HTML de ese mismo elemento:
Código:
<UL type="image">
<LI><div id="hresaltado"><a id="hsinresaltar" href="historia.html"
target="cuerpo-inicio"></a></div>
...
...
</UL>
A ver si me podéis echar un cable con este dilema gente
Un saludo y gracias!!