導航列表樣式出現在不同位置上的鉻

Question

我正在一個網站上工作，其中在主菜單（頂部導航欄）上，我用list-style來分隔每個菜單項。在Firefox中顯示正常，小圓圈在每個菜單項之間都應該是。但在Chrome上，它們似乎在菜單項本身之後。我不確定這是否與我的造型有關，或者它可能是Chrome的錯誤。

鏈接到網站：

http://cocobrownboutique.co.uk/site

我沒有要發佈的所有CSS，因爲它是一個Joomla模板，因此將是太長，但我會後我額外的CSS：

#menubar { 
    height: 25px; 
} 
.menu, .menu ul { 
    list-style: circle outside none; 
    margin-left: 20px; 
} 
.menu-dropdown li.level1 { 
     height: 18px; 
     padding: 0 32px 0 15px; 
} 
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span { 
    line-height: 25px; 
} 
.menu-dropdown li.level2 { 
    list-style: none outside none; 
} 

如果需要鏈接到主menu.css文件，我當然會提供它。我指向正確的方向將非常感激，因爲我的生活無法理解爲什麼會發生這種情況。

Answer 1

我試着用「螢火蟲」在鉻上。

添加float：left;在你的菜單下拉李：

.menu-dropdown li{ 
position:relative; 
float:left; 
} 

並刪除此：

.menu-dropdown, .menu-dropdown .level1, .menu-dropdown .level1 > span{ 
float:left; <-- delete this 
}