Я пытаюсь настроить чистый CSS, чтобы стиль кнопки визуально выглядел слитно с полем ввода рядом.

Я использую этот CSS в настоящее время:

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/

Основная проблема заключается в использованииleft свойство, я не думаю, что это хорошая практика, в основном потому, что она не обрабатывается правильно во всех браузерах.
Другая проблема заключается в том, что этот код в Internet Explorer и Firefox делает кнопку невысокой в качестве поля ввода.

Поэтому я искал некоторую помощь, чтобы написать лучший код для кросс-браузерного и более чистого кода.
Лично мне все равно, нужен ли элемент-обертка или любой другой элемент HTML, мне просто нужен чистый код, кросс-браузер, и это хорошо работает.