Pourquoi IE7 ne reconnaît pas mes styles de remplissage de css sur les balises d'ancrage?

Question

Mon site fonctionne correctement dans Firefox, Safari, Chrome et Opera, mais pour une raison quelconque, IE7 ne reconnaît pas le remplissage de css sur les balises d'ancrage. Je ne peux pas comprendre ça. Dans IE7, si vous regardez les onglets qui disent "exclusifs | populaires | commentaires récents" sur la page d'accueil http://revolvermag.com, vous verrez qu'il n'y a pas de remplissage appliqué.

J'ai travaillé sur le fait que le rembourrage ne soit pas appliqué aux étiquettes d'ancrage ailleurs sur le site, mais ici, il semble particulièrement mauvais. Quelqu'un sait-il des corrections CSS pour cela?

Answer 1

a { display: inline-block } peut fonctionner tout en conservant le niveau inline, ce qui signifie qu'il ne casse pas la page. Je ne peux pas essayer, je n'ai pas IE7. Dans IE8 inline cela fonctionne très bien.

Answer 2

Vous ne pouvez pas avoir de remplissage sur des éléments non-blocs. Si vous leur donnez un peu d'amour CSS:

a { display: block; } 

Puis ils respecteront le rembourrage.

Answer 3

Ajouter un bloc d'affichage à votre une sorte qu'il a une hauteur

.tabNavigation li a { 
    display:block 
} 

et vous devez déplacer les onglets de secours 7px ils sont assis sur la ligne.

.tabs .tabNavigation { 
    float:left; 
    list-style:none outside none; 
    margin:-31px 0 0 -1px; 
}