Como faço para corrigir meu menu HTML (misbehaving menu simples em navegadores WebKit)

Question

Estou colocando essa questão aqui, porque eu estou ficando um pouco desesperado para corrigir esse problema que realmente me intrigou agora como eu não posso ver uma razão para isso.

Você pode ver a navegação superior que lê "Home, jogar golfe ... etc" no topo desta página: http://urbangolf.mammalworld.com/golf-club-fitting/half- dia

Parece que funciona corretamente (linhas-se em uma linha) no Firefox e IE, mas no Chrome e Safari que passará para uma segunda linha em cerca de 710px, e eu não consigo encontrar uma razão. Parece ser devido à substituição da fonte usando Cufon, mas esta occure obrigação, mas se os outros dois navegadores (especialmente IE !!) pode torná-lo corretamente, como posso obter os webkit se comportar?

Sua ajuda será muito apreciada.

Corrigir [IE / FF]

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

errado [Chrome / Safari]

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

Answer 1

Eu não sou inteiramente certo porque webkit está decidindo para fazer isso, mas felizmente há uma solução fácil para estas situações usando padrões <ul> horizontais.

Em user.css Mudança:

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

Add white-space: nowrap;:

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