Странные поля / отступы в Firefox, которых нет в других браузерах

Question

Мы работали над новым веб-сайтом, и в Firefox 6 есть некоторые загадочные отступы / отступы, которых нет ни в одном другом браузере (включая IE).

Как это должно выглядеть:

Что отображает Firefox:

Дополнительное поле / отступ появляются прямо над кнопками Blackboard + Portal.

Игра с Firebug, это как-то связано с поплавком: слева на ul.springboard li.

Кто-нибудь может указать мне правильное направление?

Спасибо

Answer 1

Я попытался удалить класс clearfix и добавить следующие правила в ul.springboard:

display: inline-block;
width: 100%;

Это убрало пространство в Firefox, но я не уверен, как это повлияет на другие элементы ulкоторые используют .springboard класс.

Answer 2

Я думаю, что ваша проблема в том, что вы на самом деле еще не настроили стили для .clearfix. Следующие CSS-дополнения помогут вам разобраться.

/* Micro-clearfix, via goo.gl/QjJD9 */
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }