IE7中的大型菜单的CSS

Question

请参阅http://jsfiddle.net/jN5G4/1/

如何将“ 5列”菜单下拉以与其他下拉菜单对齐？

我从 5列列表项中删除了<a href...> </a>标记，现在从该项下面下拉的下拉菜单会在主菜单上显示下来。

Answer 1

这是因为普通正文文本没有注册为块级元素，而且您的下拉列表基本上是从文本的顶部对齐。要修复，只需将纯文本添加到块级元素（如p标记内）或将其包含在span标记内，只需确保将其显示为块，如下所示：

<强> CSS

#menu li span {
  display:block;
}

HTML

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