Comportamiento de margen de div "overflow: hidden" después de div flotante en webkit

Question

Feb 28, 2012, 09:59 AM

Comportamiento de margen de div "overflow: hidden" después de div flotante en webkit

He descubierto que un div "desbordamiento: oculto" que sigue a un div "flotante: izquierdo" ha duplicado el margen a la derecha. Esto se puede probar con el siguiente código:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div.intro {
    border: 1px solid #DBDBDB;
    margin: 10px 0;
    padding: 10px 0;
}

div.intro>div {
    border: 1px solid #DBDBDB;
    height: 150px;
    margin: 0 10px;
}

div.brief {
    float: left;
    width: 150px;
}

div.list {
    overflow: hidden;
}
</style>
</head>
<body>
<div class="intro">
    <div class="brief"></div>
    <div class="list"></div>
</div>
</body>
</html>

El espacio entre el borde derecho de div.list y el borde derecho de div.intro es de 20 píxeles en cromo (17.0.963.56 m) y safari (5.1.2), mientras que es de 10 píxeles en Firefox (11.0) e IE9.

Es esto un error de webkit o simplemente una preferencia indefinida de css?

¡Gracias