HTML / CSS Firefox проблема

Question

посмотрите на верхнее меню на этих двух страницах в Firefox:

http://outsidemma.com/2010/100031-bj-penn-the-prodigy-jay-dee.php

http://outsidemma.com/index.php

На первой странице по какой-то причине естьнекоторый дополнительный интервал над ним.

Это происходит только в Firefox.Я использую Firefox 3.6.

Answer 1

Ваша проблема здесь:

.clearfix:after {
  clear:both;
  content:" ";
  display:block;
  font-size:0;
  height:0;
  visibility:hidden;
}

Firefox не всегда нравится это правило, вместо этого я бы сделал это:

.clearfix {
  overflow: auto;
}

Или, в качестве альтернативы, просто задайте ему высоту, чтобы он не выводил высоту строки:

.clearfix:after {
  clear:both;
  content:" ";
  display:block;
  font-size:0;
  height:1px;
  visibility:hidden;
}