Отсутствующие пункты меню в Internet Explorer

Question

У меня две проблемы с моим меню в ie8.Если вы перейдете по этой ссылке http://betapwr.pokerworldratings.com/ в ie8, вы увидите, что меню не выпадает на вкладке "комнаты".Я поместил «Переполнение: видимый» на все, что содержит его, но без кости.вторая проблема с поисковой строкой, которая должна быть видна справа, которая отсутствует.я проверил элементы и не увидел ничего плохого в "display".Вы можете увидеть правильную настройку в Chrome.Чего мне не хватает?

Answer 1

Во-первых, ваше главное меню совершенно не в порядке, потому что вы неправильно вкладываете элементы списка. У вас есть это:

<li class="drop-work"><a href="#">Rooms</a>
   <ul>
      <a href=""><li>Room 1</li></a>
      <a href=""><li>Room 2</li></a>
   </ul>
</li>

Вы вложили некоторые теги a в качестве дочерних элементов тега списка, и это неправильная разметка, поэтому вы можете исправить эту часть, правильно отформатировав подменю:

Fixed

<li class="drop-work"><a href="#">Rooms</a>
   <ul>
      <li><a href="">Room 1</a></li>
      <li><a href="">Room 2</a></li>
   </ul>
</li>

Далее, html5.js shiv, который вы включаете в заголовок вашего документа, не найден, поэтому ваши теги header и footer HTML5 на самом деле не корректируются в IE.

Теперь ваше верхнее меню работает нормально в IE8, но в IE8 в режиме совместимости выглядит плохо, вы можете это исправить, установив элементы списка на display:inline вместо display-block, используя хак css, например так: 1017 *

.admin-menu ul li { дисплей: встроенный; / это будет нацелено на IE7 * / } * * Тысяча двадцать-один

А затем, чтобы растянуть #admin-bar слева и справа от документа, вы можете изменить свое правило следующим образом:

#admin-bar {
    overflow:visible;
    position: fixed;
    top:0;
    right:0;
    left:0;
    z-index: 99999;
    background:url(images/top-menu.png) repeat-x #000;
    background-image: -moz-linear-gradient(top,#0078CE 0,#006AAD 100%);
    background-image: -ms-linear-gradient(top,#0078CE 0,#006AAD 100%);
    background-image: -o-linear-gradient(top,#0078CE 0,#006AAD 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0078CE),color-stop(100%,#006AAD));
    background-image: -webkit-linear-gradient(top,#0078CE 0,#006AAD 100%);
    background-image: linear-gradient(to bottom,#0078CE 0,#006AAD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0078CE',endColorstr='#006AAD');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0078CE', endColorstr='#006AAD')";
    border-bottom:3px solid #005991;        
}