[css] Wysokość elemektów formularza

Chcę zmienić trochę wygląd elementów formularza, za pomocą css. Problem jest taki, że wysokość input text jest większa niż input submit. Na niektórych przeglądarkach jest dobra wysokość, a na innych nie. To kawałek css:

input.text {
    letter-spacing : normal;
    height : 15px;
    max-height : 15px;
    width : 140px;
    background-color : #E0E0E0;
    border-style : solid;
    border-width : 1px;
    border-color : #384754;
    border-spacing : 0px;
    margin : 0px 0px 0px 0px;
    padding : 0px 0px 0px 0px;
    font-size : 9px;
    text-align : center;
    font-style : italic;
  }

input.button {
    height : 15px;
    max-height : 15px;
    width : 50px;
    background-color : #E0E0E0;
    border-style : solid;
    border-width : 1px;
    border-color : #384754;
    border-spacing : 0px;
    margin : 0px 0px 0px 0px;
    padding : 0px 0px 0px 0px;
    font-size : 9px;
    text-align : center;
    font-style : italic;
  }

Domyślam się, że to dlatego, że przeglądarki różnie traktują obramowanie i albo wliczają je do wysokości, albo nie, ale może jest jakiś sposób, żeby przyciski i pola tekstowe miały taką samą wysokość w każdej przeglądarce?

że to dlatego, że przeglądarki różnie traktują obramowanie i albo wliczają je do wysokości, albo nie

Wszystkie współczesne przeglądarki w trybie standardów traktują box-model jednakowo - obramowanie nie jest wysokością obiektu.

Na jakich przeglądarkach masz jaki problem? Aby działał tryb standardów musisz mieć prawidłowy DOCTYPE na stronie (i dla IE6 - nic przed nim być nie może).