CSS下拉菜单定位错误

Question

我似乎无法追踪这个bug的起源。http://wwva.org是一个网站，我建立了布局。CSS下拉菜单是建立在ul/li结构上的，当用户鼠标悬停/点击主链接时，子菜单就会出现。在Chrome中似乎一切都工作得很好，但是Firefox和IE在定位主菜单链接下面的子菜单时遇到了麻烦(用FF在悬停时跳跃，从IE开始就错位了)。

网站:http://www.wwva.orgCSS: http://wwva.org/wp-content/themes/wwva/style.css

我知道这是一个具体的案例，而不是一个原则问题。任何帮助将非常感激!

Answer 1

尝试更改

.menu ul li {
    display: inline;
}

.menu ul li {
    display: inline-block;
}

Answer 2

一个朋友刚刚建议把left: 0;添加到。sub-menu，这似乎解决了这个问题。