Почему мое меню не работает в IE?

Я создал раскрывающееся меню, которое отлично работает в Opera, FF, Chrome и Safari.
Но Кур он не работает в IE 8.Почему мое меню не работает в IE?

Вы можете увидеть меню здесь: http://sanabygg.stiengenterprises.com - пункт меню Systemgulv.

Может ли кто-нибудь сказать мне, почему это не работает здесь?

Вы можете увидеть песочницу из Ehre раствора: http://jsfiddle.net/bCJKd/2/

Из того, что я могу видеть, это не z-index вопрос.

Это CSS я использую:

#mainmenu 
{ 
    display: block; 
    line-height: 30px; 
    height: 30px; 
    font-size: 1.3em; 
    text-transform: uppercase; 
    font-family: Cuprum, Georgia, Times, Arial, serif; 
    float: right; 
    padding-top: 43px; 
    position: relative; 
    z-index:auto; 
} 

/* Sub navigation */ 
#menu-main-menu ul.sub-menu { 
    position: absolute; 
    z-index:999; 
    min-width: 130px; 
    visibility:hidden; 
    padding-bottom: 5px; 
    color: #fff; 
    font-size: 0.80em; 
    padding: 5px; 
    background-color: rgba(0, 0, 0, 0.6); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; 
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); 
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); 

} 

#menu-main-menu li:hover ul, #menu-main-menu li li:hover ul, 
#menu-main-menu li li li:hover ul, #menu-main-menu li.sfhover ul, 
#menu-main-menu li li.sfhover ul, #menu-main-menu li li li.sfhover ul { 
    visibility: visible; 
}

источник

2011-06-10 Steven

@Justin DOCTYPE говорит об обратном - хотя теперь я мог бы использовать все теги, которые можно использовать в HTML5. – Steven

Установите Z-индекс свойства родительского DIV, автоматический режим. Если вы не устанавливаете свойство position и z-index в IE, для всех родительских divs, z-индекс дочернего div игнорируется. Надеюсь, вы поняли мою мысль.

Если у вас несколько позиций: относительные элементы в вашем коде, тогда IE устанавливает отдельные контексты уровня Z для каждого из них, которые игнорируют друг друга.

источник

2011-06-10 14:15:59

@ anirudh4444 - Я установил 'z-index' mainmenu в' auto' и подменю '999'. Но все равно никаких изменений :((см. Обновленный css выше) – Steven

Знаете ли вы URL-адрес в песочнице, где я могу разместить код и поделиться? Я забыл имя сайта. – Steven

Вы имеете в виду http://jsfiddle.net/? –

Что сказал @Cthulhu, и стоит проверить размеры элемента, который вы хотите навести, потому что он будет другим в IE, чем в других браузерах.

источник

2011-06-10 14:16:37 blankabout

Почему мое меню не работает в IE?

ответ

Смежные вопросы