html - テキストボックスの高さを明示的に設定すると、なぜ変更されるのですか?

Question

何らかの理由で、inputテキストボックスが私が使用した明示的な高さに準拠していません。なぜこうなった？Firebug を使用してコードの違いを調べてみましたが、何らかの理由で発生しています。firebug では、説明なしで表示さheightれ16pxます。

CSS

#login_form input[type=text],
#login_form input[type=password]{
  height:26px !important;
  display:inline-block;
}

html

<form method="post" id="login_form" >
  <input type="text" size="30">
  <input type="password" size="30">
</form>

ファイアーバグのスクリーンショット