html - 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

尝试这个

.dropdown ul {
    left: 0;
}

在 IE10、IE8、FF20 和 Chrome 26 上测试并在 Win7 上运行

Answer 3

我用过

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

它适用于 Firefox。