firefox中div下的差距

Question

我有这个带有wordpress主题的HTML

div class="fullWidthDarkBlue">
<div class="hpRentArrears">
<section id="black-studio-tinymce-8" class="widgetcontainer widget_black_studio_tinymce"><div class="textwidget"><h2>Rent Arrears</h2>
<p>Does ...t on your behalf.</p>
</div>
</section>
</div>
<div class="clearer"></div>
</div>
<div id="footer">...

还有一些像这样的CSS：

#footer {
margin-top:0px;
border:none;
}

.fullWidthDarkBlue {
width:100%;
background:#365162;
padding-top:30px;
}

.hpRentArrears {
width:346px;
float:left;
background:#f2f1ed;
border:2px solid #a7cfdb;
}

.hpRentArrears p {
margin:0;
}

.clearer {
clear:both; 
}

一切正常，除了在FF中，深蓝色框底部与页脚之间存在间隙。我发现我可以通过在#footer上添加边框来消除这种差距 - 但我并不是真的想要

造成差距的原因是什么？我如何摆脱它？

Answer 1

我测试了你的代码，它在ff，safari和chrome中运行良好。必须是元素内部的页脚才会产生一些余量。

分享您的代码，我会解决它。