Tengo un problema con el querido internet explorer...
el fin al que quiero llegar es una serie de iconos (numero indeterminado) que se van mostrando de 4 en 4 sin recargar la pagina.
Para ello he creado una serie de capas y enlaces.
Código:
el css para estas capas<div id="imagenes_home">
<div class="bt_imagenes_home">
<a href="javascript:abajo();" style="background:url(images/bt_imgs_iz.jpg);"></a>
</div>
<div id="cn_imagenes_home">
<ul id="desplazable" class="clientes">
<?
$busca = @mysql_query("SELECT * FROM clientes ORDER BY nombre_cliente");
while ($arrbusca = mysql_fetch_array($busca)){
echo '<li style="background:url('.substr($arrbusca["ruta"], 6).') no-repeat;">';
echo '<a href="'.$arrbusca["enlace_cliente"].'" target="_blank"></a></li>';
}
?>
</ul>
</div>
<div class="bt_imagenes_home">
<a href="javascript:arriba();" style="background:url(images/bt_imgs_dr.jpg);"></a>
</div>
</div>
Código:
La posicion del ul la cambio con javascript y funciona correctamente en ambos navegadores.#imagenes_home{ width:518px; height:118px; margin-left:22px; background-color:#F8F8F8; border:1px solid #DEDEDE;}
.bt_imagenes_home{ width:14px; height:118px; float:left;}
.bt_imagenes_home a{ display:block; width:14px; height:118px;}
#cn_imagenes_home{ width:490px; height:114px; float:left; padding-top:4px; overflow:hidden;}
#cn_imagenes_home ul{ margin:0; padding:0; width:490px; height:auto; list-style:none; overflow:hidden; position:relative; top:0px;}
#cn_imagenes_home li{ margin:0; padding:0; width:110px; height:110px; float:left; margin-left:10px; margin-bottom:4px;}
#cn_imagenes_home li a{ width:108px; height:108px; display:inline-block; text-align:left; text-decoration:none; border:#EEE 1px solid;}
#cn_imagenes_home li a:hover{ border-color: #CCC;}
El problema de ie es que se ven todos los iconos (pasando por detras de las capas que estan debajo).
Agradeceria cualquier sugerencia.
Por anticipado, muchas gracias.


