IE 6 парить проблемы с навигацией

Question

У меня есть навигация по сайту, который использует субнавигатор в основной навигации ... Единственная проблема в том, что в IE6 подменю отодвигает другие элементы меню в сторону, что приводит к нарушению макета и ухудшает представление пользователей о сайте.

Я использую вычисленный HTML:

<li class="ulHover">
   <a></a>
   <div class="subMenuTop"></div>
   <ul class="subMenu">
      <li></li>
      <li></li>
   </ul>
</li>

и css:

li .ulHover
{
    width: 113px;
    height: 71px;
    background: transparent url(../images/MenuItemBgHover.png) no-repeat top right;
    text-align: right;
    float:left;
    vertical-align: bottom;
}
.subMenu
{
    background: #B02229;
    padding: 0px 5px 5px 5px;
    text-align:left;
    width: 215px;
    list-style: none;
    margin-left: 1px;
    position:absolute;
    display:none;
    z-index: 10000;
}

.subMenuTop
{
    width: 225px;
    height: 10px;
    background: transparent url("../images/SubMenuTop.png") no-repeat top left;
    margin-left: 1px;
    margin-top: -3px;
    display:none;
    z-index: 10000;
}

РЕДАКТИРОВАТЬ: Хорошо, я добавил абсолютное позиционирование в div ... Он останавливает элементы списка верхнего уровня, которые нужно оттолкнуть ... Но смещение подменю слишком далеко ... Только в IE6, в другом браузеры, это работает ...

Answer 1

Я предполагаю, что это горизонтальное меню. Это верно? И вы пытались установить положение div в "absolute" вместо ul? Вот пример, который может вам помочь: http://www.armbruster -baeckerei.de / Philophophie.php

Answer 2

ПодменюTop div не закрыто в вашем коде. Это может быть первым шагом к решению проблемы.