CSS下拉菜单定位错误

时间:2014-08-13 22:50:21

标签: html css layout menu hover

我似乎无法追踪此错误的起源。 http://wwva.org是我为其构建布局的网站。 CSS下拉菜单建立在ul / li结构上,当用户悬停/点击主链接时会出现子菜单。在Chrome中,一切似乎都很好用,但Firefox和IE在主菜单链接下面的子菜单定位有问题(用FF跳转时跳转,从IE开始就错位了)。

主要网站:http://www.wwva.org CSS:http://wwva.org/wp-content/themes/wwva/style.css

我意识到这是一个具体案例,而不是一个主要问题。任何帮助将不胜感激!

2 个答案:

答案 0 :(得分:2)

尝试更改

.menu ul li {
    display: inline;
}

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

在你拥有它的各个地方。

答案 1 :(得分:0)

一位朋友建议将left: 0;添加到.sub-menu,这似乎修复了它。