title: Cannot nullify the padding on a <select> in IE 8
body: <p>I've got a problem with IE8.</p>
  
  <p>I've got a select box to choose capacitance units pF, nF and mF.</p>
  
  <p>Now, the text is a little bit down, even though I set <code>padding:0</code>, and it cuts the text.</p>
  
  <p>And so the 'pF' option actually looks like 'nF' which is unacceptable.</p>
  
  <p><img src="https://i.stack.imgur.com/pd4zN.png" alt="enter image description here"></p>
  
  <p>I wonder if there is any fix at all. I can't think of nothing other than setting padding to 0 which doesn't work once again. Setting small <code>line-height</code> also doesn't do anything either.</p>
  
  <p>CSS:</p>
  
  <pre><code>select {
      width: 40px;
      height: 16px;
      padding: 0px;
      font: 8pt Helvetica;
  }
  </code></pre>
  
  <p>Any ideas?</p>
  
  <p>Edit: There you go for <strong>JSFIDDLE:</strong></p>
  
  <p><a href="http://jsfiddle.net/zuYsF/" rel="nofollow noreferrer">http://jsfiddle.net/zuYsF/</a></p>
  
  <p>See that 'pF' is selected by default, and it actually looks like 'nF'.</p>