Давно когда-то сталкивался с данной ерундой в ff, но на дворе уже 20-ая или какая там версия ff, а эту ерунду до сих пор вижу и не могу понять то ли лыжи не едут, то ли я ... Собственно, ближе к делу. Вот код:
[code=htmlphp]
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тестинг</title>
<style>
*
{
margin:0;
padding:0;
}
.wrap
{
width:600px;
background:red;
margin:0 auto;
}
.section
{
background:blue;
}
.section:after
{
content:"";
display:block;
clear:both;
}
.section--content
{
float:left;
}
.footer
{
margin:50px 0;
}
</style>
</head>
<body>
<div class="wrap">
<div class="section">
<div class="section--content">
test<br>
test<br>
test<br>
test<br>
</div>
</div>
<div class="footer">
</div>
</div>
</body>
</html>
[/code]
Кто пояснит почему margin-top блока с классом footer влияет на margin-top блока wrap? А точнее блок wrap получает значение margin-top равное значению margin-top блока footer. Ни про какие схлопывающиеся margin речи не идет т.к. над блоком footer есть ещё один блок. Во всех браузерах все отлично и правильно. А вот ff выделывается.