CSS子菜单定位在Chrome和Safari中可用，但不适用于IE和Firefox

Question

我目前正在为游戏社区构建一个名为http://www.quad-gaming.com/的网站。

除了导航栏右侧“登录”下的下拉菜单，所有内容都能正常运行。它在Chrome和Safari中运行良好，但在IE和Firefox中，它漂浮在左侧。

我在做什么错？

Answer 1

确实有点奇怪。

如果指定ul元素有一个left值为零，它工作正常：

nav ul li ul { 
    left: 0; 
} 

不能尝试在IE浏览器，因为我在Mac上。希望它也能在那里工作。

Answer 2

我用

nav ul li ul { 
    position:absolute; 
    left:0px; /* Adding this to fix left position*/ 
    visibility: hidden; 
}  

，它工作在Firefox。

Answer 3

试试这个

.dropdown ul { 
    left: 0; 
} 

测试和Win7的工作在IE10，IE8，FF20和Chrome 26