css - Twitter Bootstrap: フォーム入力とボタンを Chrome と Firefox で同じ高さにする

Question

Twitter Bootstrap 2.3.2を使用すると、次のinput-appendフォームがあります。

<form class="bs-docs-example">
  <div class="input-append">
    <input type="text" id="form-input" class="span2">
    <button type="button" class="btn" id="form-btn">Go!</button>
  </div>
</form>

フォーム入力とボタンをカスタマイズして、このスタイルにしました。

#form-input {
  height: 50px;
  font-size: 16px;
  padding: 0px 6px;
}

#form-btn {
  height: 50px;
  font-size: 16px;
}

Firefox の入力フィールドとボタンは正確に配置されていますが、Chrome のボタンは高さが 2px ずれているため、52px. これは、Firefox のフォームを台無しにするため、実行できません。両方のブラウザで同じ配置にするにはどうすればよいですか?