title: align text inside the "input select"
body: <p>i have a simple form with css, and there is a select with this style:</p>
  
  <pre><code>.mysub_item select {
      height: 29px;
      width: 142px;
      background: url("/images/input-background.png") no-repeat scroll 0 4px transparent;
      border: 0;
      font-size: 12px;
      font-weight: bold;
      color: #4B4B4D;
  }
  </code></pre>
  
  <p>and the text inside that select is always align to the top and left; is there a way that i can move that text?</p>
  
  <p>surprise that IE7, IE8 and IE9 set that text center vertically.</p>