¿El botón de formulario / campo de texto tiene la misma altura en todos los navegadores?

Tengo el siguiente css y html (profundizado en lo esencial. El código completo con estilos adicionales se puede encontrar aquí: Tengo este css que pegué en jsfiddle:http://jsfiddle.net/BwhvX/ Sin embargo, esto es suficiente para reproducir el problema)

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>

así es como se presenta firefox:

así es como se procesa Chrome:

Quiero que los dos elementos de formulario tengan la misma altura en todos los navegadores. Me parece que se aplica algún estilo predeterminado, que necesito restablecer manualmente como lo hice para Firefox en este ejemplo. en las herramientas para desarrolladores de Chrome, uno tiene una altura de 16 y una altura de 17 px, pero no puedo ver de dónde viene, simplemente se calcula. Los estilos aplicados (que se me muestran) son los mismos.

Respuestas a la pregunta(7)

Su respuesta a la pregunta