Menu CSS Ipad

[Ronaldo Bueno 23]

Pessoal, preciso de uma ajuda. já fiz de tudo e nada.

 

a imagem abaixo é do MENU de um site (esta certo em todos os navegadores)

 

no Ipad sai um abaixo do outro. segue o codigo:

HTML

<div id="page-nav-outer">
	<div id="page-nav">
		<a href="index.asp" class="selected">Home</a>
		<a href="perfil.asp">Perfil</a>
		<a href="arte.asp">Arte</a>
		<a href="aulas.asp">Aulas</a>
		<a href="galeria.asp">Galeria</a>
		<a href="contato.asp">Contato</a>
	</div>
</div>

CSS

#page-nav-outer	{
border-top: 1px solid #dddddd;
border-bottom: 3px solid #dcc976;
background: #ffffff; /* Old browsers */
}

#page-nav	{
color: #ffffff;
font-size: 12px;
height: 22px;
line-height: 14px;
margin: 0 auto;
padding: 10px 0 0 0;
text-align: center;
width: 980px;
}
#page-nav a	{
color: #8c8c8b;
font-family: 'Coustard';
font-size: 12px;
letter-spacing: 2.1px;
line-height: 14px;
margin: 10px 0 0 0;
cursor: pointer;
padding: 9px 22px 6px 23px;
text-transform: uppercase;
}

somente no Ipad que sai um abaixo do outro, alguém saberia porque ? já coloquei float no a, já fiz um monte de coisas e nada. Obrigado

[Samuel Volpato 4]

Testei no iPad (usando o Safari) e funcionou, ficou um ao lado do outro, como na imagem... Que navegador tu está usando?

[Ronaldo Bueno 23]

no PC testei em todos e funcionou.

 

No Ipad que não funciona. também é safari (aquele com abas)

 

Ninguém ???