Выпадающее меню в ИЕ не работает на веб сервере.
 

Почему не работает выпадающее меню в ИЕ11 да и любой версии, конкретно функция выпадения hover, как только выкладываешь страницу на веб сервер локальный. Локально, все работает с моего компа или любого, все норма!!!!!!!!!!!!!! ?? тыкаешь на index.html все хорошо
Веб Сервер IIS6й. на windows server 2008.
Думал, может с веб сервером, что-то не так.
Поставил Linux Open Suse 10.0 запустил апач, развернул страничку, все тоже самое, не работает.
Локально открываешь index.html все нормально в ИЕ 11 !!!
Хром, Опера, Яндекс, все норма с сервера. Сервер внутренний, веб сайт локальный.
В чем может быть проблема ?????
Пример менюшки брал с
http://online-dohod.ru/vypadayuschee-menyu-na-css


в чем может быть ошибка ??? проблема именно в CSS... может нужно, для правильной интерпретации, что-то на веб сервере обновлять ????

<ul class="menu">
<li><a href=" ">Раздел 1</a>
<ul class="sub-menu">
<li><a href=" ">Раздел 1.1</a>
<ul class="sub-menu">
<li><a href=" ">Раздел 1.1.1</a></li>
<li><a href=" ">Раздел 1.1.2</a></li>
</ul>
</li>
<li><a href=" ">Раздел 1.2</a></li>
<li><a href=" ">Раздел 1.3</a></li>
</ul>
</li>
<li><a href=" ">Раздел 2</a></li>
<li><a href=" ">Раздел 3</a></li>
</ul>

Saratov64,
Ваш вариант не мог работать ни локально в ИЕ, ни в каком другом браузере. Найдите одно отличие:

<style>
ul.secondary-menu {
margin: 0;
padding: 0;
display: inline-block;
width: 200px;
}
ul.secondary-menu li {
background: #333333;
background: linear-gradient(#222222, #444444);
list-style: none;
position: relative;
}
ul.secondary-menu li a {
padding: 10px;
display: block;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
ul.secondary-menu li a:hover,
ul.secondary-menu li:hover > a {
background: #006699;
}
ul.secondary-menu li ul,
ul.secondary-menu li ul.sub-menu li ul {
margin: 0;
padding: 0;
display: none;
}
ul.secondary-menu li:hover ul,
ul.secondary-menu li ul.sub-menu li:hover ul {
left: 200px;
top: 0px;
width: 200px;
display: block;
position: absolute;
z-index: 100;
}
</style>
<ul class="secondary-menu">
<li><a href=" ">Раздел 1</a>
<ul class="sub-menu">
<li><a href=" ">Раздел 1.1</a>
<ul class="sub-menu">
<li><a href=" ">Раздел 1.1.1</a></li>
<li><a href=" ">Раздел 1.1.2</a></li>
</ul>
</li>
<li><a href=" ">Раздел 1.2</a></li>
<li><a href=" ">Раздел 1.3</a></li>
</ul>
</li>
<li><a href=" ">Раздел 2</a></li>
<li><a href=" ">Раздел 3</a></li>
</ul>

Ни сервер, ни браузеры тут ни при чем.
Не смогли скопировать с примера? Или где-то потеряли?