火狐3.5.3橫向菜單落客

Question

網址：www.htiops.com
CSS：www.htiops.com/css/htiOps.css

最後兩個灰色水平導航欄鏈接是垂直在FF 3.5.3中下降。在FF，IE7，O8，Saf3的舊版本中不會發生這種情況。

將#navBar中的字體改爲從.8em改爲10px修復了放置問題，但不是菜單所需的外觀。

有什麼想法？

Answer 1

問題是所有的元素對於容器來說太寬了，而且他們正在包裝。我最近在Wordpress中使用了完全相同的東西。我縮短了文本，它工作得很好。

一兩件事，工作 - 作爲一個黑客 - 是：

#navBar ul { 
    margin: 0px; 
    padding: 0px; 
    color: #fff; 
    float: left; 
    font-weight: bold; 
    display:block; 
    width: 120%;   <-- from 100% 
} 

或許你可以與寬度玩，並得到這一切，以適應，或縮短一些單詞。 （我知道，這是一個黑客，我不喜歡他們，但它很快，看起來對我:) :)