меню Выпадающее не работает должным образом на IE8

Question

Я пытаюсь сделать это выпадающее меню функциональной ... но я почти отказаться от попыток сделать это работает на IE8, хотя он работает на IE7 ...

http://jsfiddle.net/MgcDU/5137/ 

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

Изображение проблемы: http://tinypic.com/r/2uqdpqd/5

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

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

Также мне пришлось удалить некоторые стили, которые Joomla пыталась включить в блок навигатора.

jQuery(document).ready(function() { 
if (!jQuery("html").hasClass()) { 
    // dropdown 
    jQuery('.parent').addClass('has-sub'); 
    jQuery('.cssmenu > ul').removeClass(); 
    jQuery('.cssmenu ul li > ul').removeClass(); 
    jQuery('.cssmenu ul li > ul').addClass('unstyled'); 
};}); 

Что я делаю неправильно?

спасибо!

Answer 1

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

.cssmenu ul li:hover > ul { 
display:block; 
}