У меня есть следующие 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:

вот как отрисовывается firefox:

так отрисовывается хром:

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