я есть следующие CSS и HTML (детализированы до основы. Полный код с дополнительными стилями можно найти здесь: У меня есть этот CSS, я вставил на jsfiddle:http://jsfiddle.net/BwhvX/ Этого, однако, достаточно, чтобы воспроизвести проблему)

CSS:

* {
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    line-height: 15px;
    border: none;
}
input[type="submit"]::-moz-focus-inner {
    border: 0;
}

#search .text, #search .button {
   border: 1px solid red;
}

HTML:

<form method="post" id="search" action="">
    <p><input type="text" class="text" value="" name="suche"><input type="submit" class="button" value="Suchen"></p>
</form>

Вот как Firefox отображает:

вот как рендерит хром:

Я хочу, чтобы два элемента формы имели одинаковую высоту во всех браузерах. мне кажется, что применен какой-то стиль по умолчанию, который мне нужно вручную сбросить, как я сделал для Firefox в этом примере. В Chrome Developer Tools каждый имеет высоту 16 и высоту 17 px, но я не могу увидеть, откуда он взялся, он только что рассчитан. применяемые стили (которые мне показаны) одинаковы.