Internet Explorer Добавление встроенных стилей в список

Question

http://philliesnation.com/

В настоящее время я отлаживаю этот сайт для Internet Explorer и сталкиваюсь с двумя проблемами:

1. В IE7 / 8/9 внизу каждого поста есть раздел «Filed Under:», в котором ul установлен шириной 200 пикселей. Но по какой-то причине в IE его уменьшают до 50px, добавляя встроенный стиль к каждому элементу li. Поэтому секция отображается вертикально, а не горизонтально. В FF / Ch / Saf это выглядит хорошо.

2. В IE7 основная навигация не работает должным образом. Если вы прокрутите навигационные точки, вы получите раскрывающийся список с дополнительной информацией, но на трех вкладках: Новости / Функции / Мультимедиа эти раскрывающиеся списки не работают вообще.

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

Answer 1

Чтобы исправить вашу первую проблему: в вашем func.js есть следующая строка:

if( $.browser.msie ) {
    $('.post-links ul li').css({ 'width' : '50px' });
};

Вот что портит ширину вашего раздела «Файл под ..» в IE.Удалите это, и все хорошо (я не вижу причин, по которым стоит его хранить).

По поводу вашей второй проблемы: я не могу точно диагностировать проблему, потому что ваш сайт продолжает зависать в моем браузере IE (это так тяжело !!) но из того, что я могу сказать, ваш навигационный скрипт не запускается в IE правильно, поэтому вам придется принудительно добавить несколько условных комментариев в заголовок вашего документа, например:

<!--[if lt IE 9]>
  #navigation li:hover .dd-menu {
      display: block;
  }
<![endif]-->