problème Firefox HTML/CSS

Question

ont un regard sur le menu principal sur ces deux pages sur Firefox:

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

http://outsidemma.com/index.php

Sur la première page pour une raison quelconque il y a un espace supplémentaire au-dessus .

Cela ne se produit que sur Firefox. J'utilise Firefox 3.6.

Answer 1

Votre problème est ici:

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

Firefox ne pas toujours cette règle, au lieu que je ferais ceci:

.clearfix { 
    overflow: auto; 
} 

Ou bien, tout simplement lui donner une hauteur de sorte qu'il doesn « t déduisent-hauteur de la ligne:

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