Sólo para expertos en CSS

[Dio_83]

Hola, que tal?

tengo un problema con una hoja de estilos en cascada. Resulta que en Internet Explorer 6 se me desplazan las imágenes al pasar por encima de una de ellas. Esto no ocurre en Firefox.

Aquí está el enlace: ssur.webpal.info/prueba/error2.php

¿Alguna idea por favor?

[Zerjillo]

¿Es necesario tener el carnet de experto en CSS (TM) para responderte?

Ya podías habértelo currado un poco más y especificar el motivo por el cual crees que te pasa lo que te pasa.

Un saludo

Zerjillo

[JHMorales]

Hola:
no soy experto pero creo que tu problema viene de esto:
primero empieza tu css con
* {margin:0;padding:0;}
así anulas los margin y padding que los navegadores ponen por defecto y que cada uno maneja a su manera, y además luego el ff sigue las reglas w3c y el ie improvisa.

segundo, en
div#set_of_links {
position:relative;
padding:1px; aquí pones 1px

y en
div#set_of_links a {
display:inline;
padding:0px 0px 0px 0px; y aquí pones 0px

creo que el ie trata los img o los a con la primera opción y cuando pasas el ratón por encima los trata como links usando la segunda opción o utilizando los valores de margin o padding que pone por defecto.

En mi modesta opinión pon lo que puse de primero e iguala los dos padding, y ya contarás si funciona. Suerte, Jorge H.

[JHMorales]

Hola:
otra cosa, si no funciona entonces prueba con este hack para el ie:
*>html {
/*fix ie jump hide iemac\*/
*html div#set_of_links {float:left;height:1%;}
*html div#set_of_links a {height:1%;}
/*end*/

lo pones antes de:
div#set_of_links a:hover {


Suerte, Jorge H.