Hola,

En la web que tengo entre manos me he encontrado con un (posible) bug que
ocurre
tanto en Firefox (v. 7.0.1) e Internet Explorer (v. 9) y Opera (v.11.52)
 (no he probado
en versiones anteriores).

Investigando un poco, creo que se trata de un problema al gestionar la
propiedad
overflow:hidden del elemento hijo cuando uno de sus antecesores también
tiene
definida la propiedad overflow:hidden.

El bug es que no muestra alineados los elementos (hace un efecto que rompe
la línea horizontal);
es más fácil que lo veáis en esta
imagen<http://imageshack.us/photo/my-images/337/bugffie.png/>
.

Aquí para que lo veáis online:
http://www.treeweb.es/ShareCode/eb78e219724453618abcf60ef83c4cdc

Y el código HTML asociado

<ol id="user_list" class="clips">
    <li><a>El llanto</a><a class="remove"></a></li>
    <li><a>La epigenética</a><a class="remove"></a></li>
    <li><a>El estrés</a><a class="remove"></a></li></ol>


Y su CSS:

#user_list {
    width:155px;
    height:200px;
    overflow:hidden;}
#user_list li {
    width:127px;}

    #user_list a {
        display:inline-block;
        overflow:hidden; /** bug in IE, FF & Opera extrange position **/
        width:106px;
    }


Este bug desaparece si comentas la propiedad overflow del hijo.
¿Alguna idea? Gracias!

CHK
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a