Почему IE7 не распознает мои стили заполнения CSS для тегов привязки?

Question

Мой сайт работает нормально в Firefox, Safari, Chrome и Opera, но по какой-то причине IE7 не распознает заполнение css ни в каких тегах привязки. Я не могу понять это. В IE7, если вы посмотрите на вкладки с надписью «эксклюзивы | популярные | недавние комментарии» на домашней странице http://revolvermag.com,, вы увидите, что заполнение не применяется.

Я работал над заполнением, не применяя теги привязки в других местах сайта, но здесь это выглядит особенно плохо. Кто-нибудь знает CSS исправления для этого?

Answer 1

a { display: inline-block } может работать, сохраняя встроенный уровень, то есть он не ломает страницу. Хотя не могу попробовать, у меня нет IE7. В IE8 inline работает нормально.

Answer 2

Вы не можете иметь отступы для не блочных элементов. Если вы дадите им немного любви CSS:

a { display: block; }

Тогда они будут уважать отступы.

Answer 3

Добавьте блок отображения к вашему a, чтобы он имел высоту

.tabNavigation li a {
   display:block
}

и затем вам нужно переместить вкладки вверх на 7 пикселей, чтобы они находились на линии.

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