Cantos arredondados em Input file

[Ivan.Teles 23]

Pessoal estou com o seguinte problema, utilizo o CSS para arredondar cantos de meus inputs, o problema ocorre no IE que apesar de arredondar ele deixa o campo grande quadrado por cima, alguém sugere alguma solução?

 

Css:

.rounded { border: 1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;border-radius: 8px; padding: 4px 7px; outline: 0;behavior:url(border-radius.htc); }
.rounded:focus { border-color: #339933; }

 

[bruno_mosciatti 22]

Talvez a melhor solução seja utilizar .HTC

 

Leia : http://www.marcelotorresweb.com/usando-border-radius-no-ie/

[Buchechafs 6]

O IE interpreta o tamanho da fonte diferente de outros navegadores e o espaçamento também.

 

Conselho:

 

Crie um tamanho fixo para o seu input: Ex: height: 30px; isso faz com que ele fique do mesmo tamanho em todos os navegadores.

Não esqueça tbm de centralizar o texto que fica dentro do input com a propriedade line-height. Ex: line-height: 30px;

 

Espero ter ajudado.