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