我該如何解決我的HTML菜單（簡單的菜單在WebKit瀏覽器中行爲不端）

Question

我在這裏提出這個問題，因爲我變得有點絕望修復這個問題，現在真的讓我困惑，因爲我看不到它的原因。

你可以看到頂部導航，上面寫着「家庭，打高爾夫球......等等」在這個頁面的頂部： http://urbangolf.mammalworld.com/golf-club-fitting/half-day

它似乎在Firefox正常工作（系在同一行）和IE瀏覽器，但在Chrome瀏覽器和Safari瀏覽器包裝到第二行約710px，我找不到原因。這似乎是由於使用Cufon替換字體，但是這必須發生，但是如果其他兩個瀏覽器（特別是IE !!）能夠正確渲染它，我如何才能獲得Webkit的行爲？

您的幫助將不勝感激。

正確 [IE/FF]

alt text http://urbangolf.mammalworld.com/templates/navigation-correct.jpg

錯誤 [鉻/ Safari瀏覽器]

alt text http://urbangolf.mammalworld.com/templates/navigation-wrong.jpg

Answer 1

我不完全知道爲什麼WebKit的決定做，但幸運的是，對於這些使用橫向<ul>模式的情況很容易。

在user.css變化：

.top-navigation ul {margin:0;padding:0;padding-top:10px;padding-bottom:10px;width: 960px;} 

添加white-space: nowrap;：

.top-navigation ul {margin:0;padding:0;padding-top:10px;padding-bottom:10px;width:960px;white-space:nowrap;}