title: Text input rendering issue with Twitter Bootstrap
body: <p>I'm trying to use Twitter's bootstrap for a quick few pages. I'm having problems getting text  fields to render like they do at <a href="http://twitter.github.com/bootstrap/" rel="nofollow noreferrer">http://twitter.github.com/bootstrap/</a></p>
  
  <p>My HTML looks like     </p>
  
  <pre><code>&lt;div class="clearfix"&gt;
      &lt;label for="unit"&gt;unit&lt;/label&gt;
      &lt;div class="input"&gt;
         &lt;input class="xlarge" id="unit" name="unit" type="text" value="" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Which seems to be all of the relevant CSS classes that I see on the demo page. However, my text input fields render with the input area too small vertically, so the cursor and text overlap with the bottom border of the input area. This is with latest chrome on win7. </p>
  
  <p><img src="https://i.stack.imgur.com/IyyUz.png" alt="enter image description here"></p>