[Resolvido] Cantos arredondados não funciona no Mozilla

[F Lima 0]

Boa noite pessoal,

 

Estou com um problema danado e não sei onde estou errando.

 

Isso está acontecendo com todas as bordas ... não funciona nada no meu firefox. No safari está funcionando perfeitamente!

 

Segue os cods.

 

div do menu em html

<div id="menu">
    <ul>
       <li><a href="index.html" class="current">Página Inicial</a></li>
       <li><a href="nosso-trabalho.html">O que fazemos?</a></li>
       <li><a href="contato.html">Contato</a></li>
    </ul>
</div>

 

css desta div

#menu ul {
margin: 0 auto;
width:1024px;
background:#fff;
list-style:none;
}

#menu ul li {
display:inline;
}

#menu ul li a {
padding:10px 25px;
margin:30px 25px 0 0;
float:left;
/* visual do link */
background:#C60919;
color: #fff;
text-decoration: none;
font-size:15px;
border-raidus:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}

#menu ul li a:hover {
background:#fff;
color: #000;
box-shadow:inset 0 0 6px #000000;
-moz-box-shadow:inset 0 0 6px #000000;
-webkit-box-radius:inset 0 0 6px #000000;
-khtml-box-radius:inset 0 0 6px #000000;
}

#menu ul li a.current {
background:#cb1a1a;
color: #fff;
box-shadow:inset 0 0 6px #000000;
-moz-box-shadow:inset 0 0 6px #000000;
-webkit-box-radius:inset 0 0 6px #000000;
-khtml-box-radius:inset 0 0 6px #000000;
}

 

Este é somente um exemplo ... pois esta acontecendo com os inputs dos forms e etc...

 

De-me uma luz!

 

Abços

 

Ninguém?

[Dian Carlos 29]

tenta colocar somente 'border-radius: ...'

 

em vez de deixar:

 

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

-khtml-border-radius: 4px;

 

tira isso tudo e poe só:

 

border-radius: 4px;

 

Isso vale também pro box-shadow. tire qualquer webkit, moz, ou khtml da frente.

 

Até agora isso eu sei que funciona no border-radius e no box-shadow, mas se for um transition por exemplo ai tem que por o webkit, moz, etc..

 

Bom sorte amigo..

[F Lima 0]

tenta colocar somente 'border-radius: ...'

 

em vez de deixar:

 

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

-khtml-border-radius: 4px;

 

tira isso tudo e poe só:

 

border-radius: 4px;

 

Isso vale também pro box-shadow. tire qualquer webkit, moz, ou khtml da frente.

 

Até agora isso eu sei que funciona no border-radius e no box-shadow, mas se for um transition por exemplo ai tem que por o webkit, moz, etc..

 

Bom sorte amigo..

 

Oi Dian Carlos,

 

Muito obrigado mesmo ... fiz o teste aqui localmente e foi tudo 100%

 

Vlw mesmo.

 

Gde abço