Css Firefox中内容顶部的空间

如果您在Firefox 3.6中访问此页面：

内容上方约有10px的空间

---

是什么导致顶部出现额外的空间？

我对它进行了处理，通过关闭规则

边距：10px 0用于“页脚”类。。。在所有事情中。（我对此深感困惑。）
问题在于这一行：

<div class="clear"></div>

请仔细注意第二行：
内容：”
Firefox与页面边距混淆。您可以使用以下方法修复它：

div.content {
   padding: 1px 30px;
}

我也可以是一个重叠的div，它将内容div向下推。在我的情况下，将上div限制到特定高度可以解决此问题。
有关说明，请检查屏幕截图是否可以在官方关闭原因下关闭，特别是因为该链接是404，不再显示问题：寻求调试帮助的问题（“此代码为什么不工作？”）必须包括所需的行为，一个特定的问题或错误，以及在问题本身中重现它所需的最短代码。是的，是的，我去掉了边距并转换为填充，现在可以了。这是什么原因？？？
.clearfix:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

div.content {
   padding: 1px 30px;
}