差距在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中工作正常。必須是拋出一些保證金的元素內部的頁腳。

分享你的代碼，我會解決它。