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;
}

我在Mac上，因此無法在IE上嘗試。 希望它在那里也能工作。

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中使用。