title: input padding cutting out text in firefox
body: <p>In firefox when I use a bootstrap form-control input element, if I pad the input element it cuts out the text by padding inwards rather than around the text. It only seems to have this effect in firefox. This jsfiddle demonstrates the problem:</p>
  
  <p><a href="http://jsfiddle.net/v76xB/">http://jsfiddle.net/v76xB/</a></p>
  
  <p>Form input html:</p>
  
  <pre><code>&lt;input id="name" type="text" class="form-control join-form" placeholder="Enter a Username"&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.join-form {
      padding: 24px; /*comment this out to see effect of padding */
      margin: 12px 0px;
      font-size: 16px;
      letter-spacing: 0px;
      font-weight: 300;
  }
  </code></pre>
  
  <p>This is about as specific as I can get to replicate this error. I'm also half hoping it's just a browser quirk related completely to me, but I can't check being as I'm working individually and only have one machine.</p>