title: Input bigger than it should be
body: <p>Hello my fellow CSS enthusiasts. It's not usual that I can not answer a CSS question. </p>
  
  <p>The bug happens in Chrome and IE11, Firefox renders it the same size but different clipping.</p>
  
  <p>I have an inputfield and a div filled with text, they should have the same height and should scale with the parent font-size. The problem is that the inputfield is bigger than expected.</p>
  
  <p><strong>Demo</strong>: <a href="http://jsfiddle.net/7Lg70qc4/" rel="nofollow">http://jsfiddle.net/7Lg70qc4/</a></p>
  
  <p>The <code>div</code> behaves like I expected, its height is <code>font-size</code> + <code>padding</code> * 2, but the inputfield is bigger than that.</p>
  
  <p>I can not set the height as <code>em</code> since the padding is fix, but the font-size is not.</p>
  
  <p>Why is the <code>input</code> bigger than the <code>div</code>?</p>