title: Centering text in `<option>` elements (Webkit & IE)
body: <p>I have a <code>&lt;select&gt;</code> element:</p>
  
  <pre><code>&lt;select&gt;
      &lt;option&gt;Option 1&lt;/option&gt;
      &lt;option&gt;Option 2&lt;/option&gt;
      &lt;option&gt;Option 3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>And I give it a width and center it:</p>
  
  <pre><code>select {
      width: 400px;
      text-align: center;
  }
  </code></pre>
  
  <p>The centering only happens in Firefox, not Webkit or IE. (<a href="http://jsfiddle.net/7Lsq6/" rel="nofollow">Fiddle</a>)</p>
  
  <p>How can I center the options in Webkit and Internet Explorer?</p>