Маржинальное поведение «переполнения: скрытый» div после добавления div в webkit
Я обнаружил, что div «overflow: hidden», следующий за div «float: left», имеет удвоенное поле справа. Это можно проверить с помощью следующего кода:
<!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>
Расстояние между правой границей div.list и правой границей div.intro составляет 20 пикселей в chrome (17.9.963.56 м) и safari (5.1.2), а в Firefox (11.0) и IE9 - 10 пикселей.
Это ошибка WebKit или просто неопределенные предпочтения CSS?
Спасибо!