Comportamento de margem da div "overflow: hidden" após flutuar div no webkit

Question

Feb 28, 2012, 09:59 AM

Comportamento de margem da div "overflow: hidden" após flutuar div no webkit

Descobri que uma div "overflow: hidden" após uma div "float: left" dobrou a margem à direita. Isso pode ser testado com o seguinte 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>

O espaço entre a borda direita de div.list e a borda direita de div.intro tem 20px no chrome (17.0.963.56m) e safari (5.1.2), enquanto 10px no Firefox (11.0) e IE

Isso é um bug do webkit ou apenas uma preferência indefinida de css?

Obrigado