[Resolvido] Cantos arredondados não funcionam no IE9

[Buthy 0]

Daí galera, beleza?

 

Estou usando um efeito em CSS3 para fazer um gradiente e deixar os cantos arredondados...

 

O problema é que no IE9 não funciona...

A borda até fica arredondada, mas o background fica quadrado...

 

Segue o código:

#contador{
width:210px;
height:45px;
padding:10px;
text-align:center;
font-size:15px;
line-height:22px;
background: #b0dcfb; /* Old browsers */
background: -moz-linear-gradient(top,  #b0dcfb 0%, #85c9f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0dcfb), color-stop(100%,#85c9f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b0dcfb 0%,#85c9f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b0dcfb 0%,#85c9f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b0dcfb 0%,#85c9f7 100%); /* IE10+ */
background: linear-gradient(top,  #b0dcfb 0%,#85c9f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0dcfb', endColorstr='#85c9f7',GradientType=0 ); /* IE6-9 */
border:1px solid #96d2fc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior:url(border-radius.htc);
box-shadow:3px 3px 5px #d5d5d5;
-moz-box-shadow:3px 3px 5px #d5d5d5;
-webkit-box-shadow:3px 3px 5px, #d5d5d5;	
}

 

Tentei usar aquele behavior, mas sem sucesso..

 

Alguém sabe o que pode ser?

[André do Vale 76]

Utilize dois elementos, o de fora com os cantos arredondados, e o interno com o gradiente.

[Buthy 0]

Valeu André!

Deu certo!

 

Abraços!