Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
ola, adicionei o border radius em alguns elementos, funciona no chrome, funciona no mozilla, mas nao funciona no ie...
alguem sabe como posso fazer para funcionar?
html
<div id="menu">
<ul>
<li><a href="index.php">Início</a></li>
<li><a href="empresa.php">Empresa</a></li>
<li><a href="servicos.php">Serviços</a></li>
<li><a href="#">Contato</a>
<ul>
<li><a href="faleconosco.php">Fale Conosco</a></li>
<li><a href="local.php">Localização</a></li>
</ul>
</li>
</ul>
</div>
css
#menu{
top:22px;
float:right;
position:relative;
background: url('imagens/fundomenu.png') repeat-x;
width:362px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#menu ul{
list-style: none;
margin: 0;
padding:0;
}
#menu ul li{
display: inline;
}
#menu ul li a{
float:left;
text-decoration: none;
color:#FFF;
font-family: Tahoma;
font-size: 20px;
padding: 10px 11px 10px 13px;
}
#menu ul li a:hover{
background: url('imagens/menuhover.png') repeat-x;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#menu ul li ul{
display: none;
width:125px;
right:0;
top:44px;
position: absolute;
z-index: 9999999999999999;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior:url('border-radius.htc');
}display: block;
float:left;
}font-size:16px;
width: 101px;
}background: url('imagens/menuhover.png');
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-bottom: 10px;
behavior: url('PIE.htc');
}
quero colocar o border radius no: #menu ul li ul{}
espero que me deem uma luz, esse internet explorer ferra com tudo...
obrigado
Carregando comentários...