ich dieses einfache Beispiel habe:Firefox Body Margin Bug?
<header>
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li class="clear"></li>
</ul>
</header>
<section>section</section>
Und dieses Stück css:
BODY, HTML{
margin: 0;
}
header{
margin-bottom: 100px; /* section goes down */
}
UL{
list-style-type: none;
}
UL LI{
float: left;
background: green;
}
.clear{
clear: both;
float: none;
}
section{
background: red;
}
So erwarte ich "header" geht direkt auf obere linke Ecke, dann 100px Rand, dann „-Abschnitt ". In allen gängigen Browsern funktioniert das wie erwartet, aber in Firefox (Version 16) bekommt "header" aus irgendeinem Grund extra margin-top.
Ist das ein Fehler?
Hier ein jsfiddle Beispiel: http://jsfiddle.net/AvZek/2/
BTW Wenn ich verwende clearfix anstelle von "clear" Klasse, als es ganz gut funktioniert hat.
Ich bin nicht auf der Suche nach Problemumgehungen, ich bin interessiert, wenn dies ein Fehler ist, oder nur Verhalten, das ich nicht verstehe. –