Текущая вкладка в IE 6 горизонтальный список навигации растягивается, чтобы заполнить оставшуюся часть div

Question

В настоящее время я работаю над тем, чтобы заставить мою главную навигацию работать в IE 6 - мой сайт находится здесь .

Элемент с вкладками является «текущим» выбранным меню, и его ширина растягивается, чтобы заполнить оставшееся пространство ... что я должен сделать, чтобы исправить это, не устанавливая ширину, но установив его таким образом, чтобы не расширяешься так?

Спасибо!

Answer 1

Обратите внимание на это в вашем CSS:

#nav li a span.top-nav-parent {
    background: url(images/nav/MPSC_tabs2.jpg) 100% 0;
    display: block;
    line-height: 32px;
    padding-right: 9px;
    padding-top: 13px;
}

Поскольку вы используете SPAN для отображения в качестве элемента блока, установите вместо него значение inline-block.
Вот так:

#nav li a span.top-nav-parent {
    background: url(images/nav/MPSC_tabs2.jpg) 100% 0;
    display: inline-block;
    line-height: 32px;
    padding-right: 9px;
    padding-top: 13px;
}

Теперь это исправит ваш класс .top-current от кражи остальной части навигационной строки меню.

Другое дело, что похоже, что вы включаете таблицу стилей дважды:

<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />

Удалите один, и вы только что немного сократили ненужный код.