Eu estou tentando configurar um CSS limpo para estilizar um botão para visualmente parece mesclado com o próximo campo de entrada.

Estou usando este CSS atualmente:

button {
    position: relative;
    left: -4px;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0;
    font-size: 17px;
    border: 1px solid gray;
    border-radius: 0 3px 3px 0;
}

http://jsfiddle.net/GRwqL/

O principal problema é o uso doleft Eu não acho que seja uma boa prática, principalmente porque não é tratada corretamente em todos os navegadores.
O outro problema é que esse código no Internet Explorer e no Firefox torna o botão não alto como o campo de entrada.

Então eu estava procurando por alguma ajuda para escrever um código melhor cross-browser e mais limpo.
Pessoalmente eu não me importo se é necessário um elemento wrapper ou qualquer outro elemento HTML, eu só preciso de um código limpo, cross-browser e que funcione bem.