Cannot nullify the padding on a <select> in IE 8 <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>