SubMenu 的 JQuery 导航菜单问题

Question

我无法确定为什么我尝试实现的 JQuery 菜单的子菜单顶部有几行。当我运行演示并且使用相同的浏览器时，此问题不存在。我从这里下载了演示:http://apycom.com/menus/11-black.html

这是开发站点的链接:http:www.websitedevelopers.com

预先感谢您对这个问题的洞察力!

Answer 1

这些行是为 li 标签设置的 border-top 和 border-bottom，如下所示，

#menu ul.menu li div ul li {
    border-bottom: 1px solid #70757B;
    border-top: 1px solid #31363B;
}

而且为菜单定义的 float:left 似乎弄乱了 li 项，

menu.css -> 第 24 行

#menu * {
    float: left;  <--- Remove this
    ...
    ...

请删除上面的 float:left 并尝试。