CSS для мега меню в IE7

Question

См. http://jsfiddle.net/jN5G4/1/

Как открыть выпадающее меню " 5 Columns ", как другие выпадающие списки?

Я удалил теги <a href...> </a> из элемента списка 5 Columns , и теперь выпадающее меню, которое выпадает из-под этого элемента, падает над главным меню.

Answer 1

Это потому, что обычный основной текст не регистрируется как элемент уровня блока, и ваш выпадающий список в основном выравнивается по верхней части вашего текста. Чтобы исправить это, просто добавьте свой простой текст внутри элемента уровня блока, такого как тег p, или заключите его в тег span, просто убедитесь, что он отображается как блок, например:

CSS

#menu li span {
  display:block;
}

HTML

<li>
   <span>5 Columns</span>
....