Горизонтальное меню с горизонтальным подменю

[GeorG]

Вот хочу такое меню... И вроде как сделал... но, но опять IE (IE6)...

IE как всегда чем-то не довольна... Дело в том, что на нем не правильно отображается подменю, оно находится сразу под открываемым меню, а задумано, что оно будет открываться слева... т.е., вровень с меню. 

Вот как это выглядит в Опере и Мозилле (правильно)


А так в IE (неправильно)


Вот код, который использую:

CSS

Код Выделить Развернуть

.dropmenu, .dropmenu ul
{
   list-style: none;
   line-height: 1em;
   padding: 0;
   margin: 0;
   float: left;
   width: 970px;
}

.dropmenu li
{
   display: inline;
   left: 0px;
   position: relative;
   margin: 0;
   padding: 0;
}

.dropmenu li ul
{

   z-index: 90;
   display: none;
   position: absolute;
   width: 960px;

}

.dropmenu li:hover ul
{
   display: block;
}


/* Hides from IE-mac. \*/
* html .dropmenu li ul
{
   top:18px;
   left: 0px;
}


HTML (здесь почти стандартно из темы Curve)
   

Код Выделить Развернуть

echo '   <div id="main_menu">
         <ul class="dropmenu">';
   foreach ($context['menu_buttons'] as $act => $button)
   {
      echo '
            <li id="button_', $act, '">
               <a class="', $button['active_button'] ? 'active ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
                  <span class="', isset($button['is_last']) ? 'last ' : '', 'firstlevel">', $button['title'], '</span>
               </a>';
      if (!empty($button['sub_buttons']))
      {
         echo '
               <ul>';

         foreach ($button['sub_buttons'] as $childbutton)
         {
            echo '
                  <li>
                     <a href="', $childbutton['href'], '"', isset($childbutton['target']) ? ' target="' . $childbutton['target'] . '"' : '', '>
                        <span', isset($childbutton['is_last']) ? ' class="last"' : '', '>', $childbutton['title'], !empty($childbutton['sub_buttons']) ? '...' : '', '</span>
                     </a>';
            echo '
                  </li>';
         }
         echo '
               </ul>';
      }
      echo '
            </li>';
   }

   echo '
         </ul>
      </div>';
     
}



Подскажите пожалуста, как IE, заставить отображать подменю, так-же, как это делают, остальные браюзеры. Т.е., как его сдвинуть влево?

[Drakonsa]

text-align: left;
или в том спане\диве сделать align: left;

[GeorG]

Эх... если б, было всё так просто... но оно не получается... это я, в первую очередь делал.