пытается отобразить 3-е меню levl jquery на IE8, но оно скрыто за всем остальным, если нет никаких проблем

Question

У меня есть меню jquery, которое отлично подходит для первого уровня, я пытаюсь изменить его, чтобы иметь третий уровень.Он отлично работает на FF и Chrome, но элемент третьего уровня теряется за остальной частью страницы в IE.Я тщательно обдумывал это в течение нескольких часов и не могу понять, в чем проблема, поэтому буду очень признателен за помощь.

Кстати, я настроил Z-индекс для каждого отдельного родительского и дочернего элемента, так что это не проблема.

здесь есть ссылка

http://www.synergycc.comпримерное меню третьего уровня в разделе услуги

спасибо

Answer 1

Вы пытались установить ширину sub div на auto, а не на фиксированную?

ul#topnav li .sub{width:auto;}

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

.floatFix {
    zoom: 1;
}

.floatFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}