разрыв под DIV в Firefox

Question

У меня есть этот HTML с 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, сафари и хром. Должен быть нижний колонтитул внутри элемента, который бросает некоторый запас.

Поделитесь своим кодом, и я исправлю его.