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

Question

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

Вам нужно посмотреть на этом сайте в любом Firefox/Chrome/Safari первый:

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

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

Любые предложения отладки/взломы IE7? ;)

EDIT:

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

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

//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; 
    ... 
} 

Редактировать

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