style na criação de sites para IE, Chorme e Firefox

[teodorofilo]

Estou trabalhand muito com efeitos css na criação dos sites de meus clientes. Entrentato as propriedades box-shadow:,text-shadow: border-radius sempre aparecem diferentes entre os 3 navegadores.

Eu declaro elas assim no arquivo estilos.css

Código:

.menu{
    float:left;
    background:#000;
    border-radius:6px;
    padding:7px 12px;
    font-family: Trebuchet MS;
    font-size: 14px;
    line-height: 19px;
    color:#FFFFFF;
    margin-right:15px;
    cursor:pointer;
    box-shadow: 1px 2px 3px #333333;
}

ou até mesmo dentro do próprio codigo fonte do site em HTML

Código:

<div style="margin-top:20px; background: url(imagens/fundo_conteudo.png) repeat; padding:10px; border-radius:6px; min-height:400px; box-shadow: 1px 2px 3px #000;
"> Bem vindo ao www.sitesamil.com.br</div>

Existe alguma forma de declarar esses estilos de forma que não fiquem tão espaçados ou diferentes entre os navegadores?