小编And*_*yev的帖子

我有这个简单的例子:

<header>
    <ul>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
        <li class="clear"></li>
    </ul>
</header>
<section>section</section>

而这块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;
}

所以我希望"标题"直接进入左上角,然后是100px边距,然后是"部分".在所有主流浏览器中按预期工作,但在Firefox(版本16)中,"标题"由于某种原因获得额外的保证金.

这是一个错误吗？

这里有一个jsfiddle示例:http://jsfiddle.net/AvZek/2/

BTW如果我使用clearfix而不是"clear"类而不是它正常工作.