Using [Twitter Bootstrap 2.3.2](http://twitter.github.io/bootstrap/base-css.html#forms) I have a `input-append` form:

```
<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>

```

I customized the form input and button to have this styling:

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

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

```

The input field and button in Firefox is exactly aligned but the button in Chrome is off my 2px in height so I have to put it to `52px`. This cannot be done since it messes up the Firefox form. How can I get them to have the same alignment in both browsers?