Ребята помогите разобраться. Сайт http://www.svadebki.net Сделал вертикальное выпадающее меню на списке <ul> <li> ... </li> </ul> - такого вида. Во всех браузера читает правильно (скриншоты прикладываю) - FF, Opera, Chrome - отображают правильно, IE - как всегда подводит. Выкладываю CSS код (я так думаю что вся проблема в display: block потому что когда его убирал - в IE отображалось приближённо верно, но в других браузерах структура полностью рушилась) На этом скриншоте - неверно отображающийся список в IE А здесь - всё правильно - в мозилле Извините, кода много, но ничё нельзя выбросить. CSS код Код (Text): /*Вертикальное выпадающее меню*/ li { list-style:url(/images/galka.png) outside; } ul#set-v, #set-v li { margin: 5px; border: 0 none; padding: 0; width: 150px; background:none; height:24px; } #set-v a { font-family:Tahoma, sans-serif; font-size:14px; font-weight: normal; } #set-v ul { margin: 0; border: 0 none; padding: 0; width: 130px; background:none; } /*ul#set-v li a:before { clear: both; content: url(/images/galka.png) " "; height: 0; }*/ ul#set-v li { float: left; display: block !important; display: inline; position: relative; display: marker; padding-left:14px; } ul#set-v a { padding: 0; margin: 3px; display: list-item; color: #006; text-decoration: none; vertical-align:middle; } ul#set-v a:hover, ul#set-v li:hover a, ul#set-v li.iehover a { background: none; color: #06C; text-decoration:underline; padding:0; font-weight:bold; font-size:12px; } ul#set-v li li { margin:1px; padding:0; list-style:none; border: #92A7E7 solid 1px; height:37px; } ul#set-v li:hover li a, ul#set-v li.iehover li a { background-color:#EDF1FC; color: #006; text-decoration:none; margin:0; height:31px; padding:3px; } ul#set-v li:hover li a:hover, ul#set-v li:hover li:hover a, ul#set-v li.iehover li a:hover, ul#set-v li.iehover li.iehover a { background-color: #6092EE; padding:0 0 1px 0; margin:0; color: #FFF; padding:3px; box-shadow: 0 0 10px 4px #FFFDCC; -moz-box-shadow: 0 0 10px 4px #FFFDCC; -webkit-box-shadow: 0 0 10px 4px #FFFDCC; -o-box-shadow: 0 0 10px 4px #FFFDCC; } ul#set-v ul { display: none; position: absolute; top: 0; left: 160px; /* Отступ выпадающего меню из пункта Ваше мероприятие */ } ul#set-v ul ul { display: none; position: absolute; top: 0; left: 150px; } ul#set-v li:hover ul ul, ul#set-v li.iehover ul ul { display: none; } ul#set-v li:hover ul, ul#set-v ul li:hover ul, ul#set-v li.iehover ul, ul#set-v ul li.iehover ul { display: block; } Выкладываю также HTML код, хотя думаю он не нужен, но на всякий случай: HTML код Код (Text): <div class="SideBarMenuApplestyle"> <div id="ddsidemenubar" class="markermenu"> <ul id="set-v"> <li><a href="#1">Ваше мероприятие</a> <ul> <li class="<?=$wedd;?>"><a href="/holiday/wedd.php">Свадьба</a></li> <li class="<?=$yubiley;?>"><a href="/holiday/yubiley.php">Юбилей / День рождения</a></li> <li class="<?=$vipusk;?>"><a href="/holiday/vipusk.php">Выпускной</a></li> <li class="<?=$newyear;?>"><a href="/holiday/newyear.php">Новый год</a></li> <li class="<?=$profi;?>" ><a href="/holiday/profi.php">Другие праздники</a></li> </ul></li> <li class="<?=$audio;?>"><a href="/navy/audio.php">Наши записи</a></li> <li class="<?=$apparat;?>"><a href="/navy/apparat.php">Наша аппаратура</a></li> <li class="<?=$photo;?>"><a href="/navy/photo.php">Фотогалерея</a> </ul> </div></div> Ну ещё советовали вставить такую ява-фишку, специально для IE: (не помогла) JAVA: Код (Text): <script type="text/javascript" language="javascript"> navHover = function() { var lis = document.getElementById("set-v").getElementsByTagName("LI"); for (var i=0; i<lis.length; i++) { lis[i].onmouseover=function() { this.className+=" iehover"; } lis[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" iehover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", navHover); </script> Может есть какое-то универсальное решение на этот счёт?