Estoy incluyendo una galería de imágenes en mi web que funciona perfectamente con IE7 y Firefox pero no con IE6. Básicamente hay dos problemas:
1.- Al posicionar el cursor sobre un thumb se mueven los thumbs próximos.
2.- En lugar de colocarme los thumbs en 3 columnas los coloca en 2, con el consiguiente problema de alargamiento de la página.
Pego algunas partes del css y del html para ver si podéis ayudarme...
CSS:
#gallery {width:760px;}
#gallery ul {list-style:none; padding:0; margin:0; width:210px; position:relative; right: 10px; top: -50px; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; right:250px; top:50px; width:auto; height:auto; border:1px solid #000;}
HTML:
<div id="contenido">
<div id="central">
<h2>Galería de Imágenes</h2>
<div id="gallery">
<ul>
<li><a href="#"><img src="images-test/Image1.jpg" title="" alt="" /></a></li>
<li><a href="#"><img src="images-test/Image2.jpg" title="" alt="" /></a></li>
.......
<li><a href="#"><img src="images-test/Image17.jpg" title="" alt="" /></a></li>
</ul>
</div>
Alguna idea??
.
