差距在Firefox

Question

下的div我有这个网站有一个WordPress主题

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中工作正常。必须是抛出一些保证金的元素内部的页脚。

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