title: Text of html select aligned at bottom in IE8
body: <p>i applied </p>
  
  <pre><code>select{
    line-height: 30px;
    height: 30px;
  }
  </code></pre>
  
  <p>to a html select box. Every Browser except this IE8 aligns the text inside the select box vertically centered (see <a href="http://i.stack.imgur.com/1llpx.png" rel="nofollow">1</a>). I have no idead what to do to fix that.
  I already read a lot of answer to similiar problems here at stackoverflow and played with box-sizing and padding properties but without success.!</p>
  
  <p><a href="http://i.stack.imgur.com/1llpx.png" rel="nofollow">here is what the errorneous layout in IE8 looks like</a></p>