Меню CSS / jQuery не работают в IE7

Question

Я уверен, что есть миллион вопросов по этой линии, но я не могу найти тот, который относится к моей конкретной проблеме.После бесконечной борьбы с IE7 у меня наконец-то появился текст, показывающий над видеоконтентом (классическая ошибка z-index в IE7 - теперь раздавлена).

Сначала вам нужно взглянуть на этот сайт в Firefox / Chrome / Safari:

http://valeriaentertainment.com.s66112.gridserver.com/

При наведении курсора на «Галерея» или «О программе»в навигации появится анимированное выпадающее меню jQuery slideUp() / slideDown().По какой-то причине теперь, когда CSS исправлен, фон для выпадающих меню не виден в IE7.

Какие-либо предложения по отладке / хаки IE7?;)

РЕДАКТИРОВАТЬ:

Я должен отметить, что я думаю это проблема JavaScript, потому что анимация, кажется, происходит не так, как ожидалось(просмотрите сайт в хорошем браузере) ...

Вот соответствующий код JS, который js-enabled класс должен разрешить меню работать через CSS только в случае, если JavaScript отключен:

//jQuery slideDown for menu dropdowns
$('.menu').addClass('js-enabled');

$('.js-enabled li').hoverIntent(function () {
   $(this).find(".sub-menu").stop(true,true).slideDown(400);
 }, 
 function () {
   $(this).find(".sub-menu").stop(true,true).slideUp(400);
});

Answer 1

Я немного ковыряюсь, и IE, похоже, не регистрирует свойство CSS для фонового изображения.Что произойдет, если вы добавите кавычки в свой фон: свойство url:

.sub-menu li{
  background: url('images/sub-menu_middle.jpg') top left repeat-y;
  ...
}

Edit

Как вы сказали, старый IE требователен к своим пробелам.Добавлен пробел между ) и top в CSS