title: Ellipsis on select element not working in IE9 and Chrome
body: <p>I have a select list with a specified width. text-overflow: ellipsis is working only with Firefox v15. It is not working with IE7-IE9 and Chrome. Is text-overflow : ellipsis supported in IE7- IE 9 and chrome? If yes, what am i missing here? Is there a work around to get a similar effect? Please help. Thanks in advance. Html is given below</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;select style="white-space: nowrap;overflow: hidden;
  text-overflow: ellipsis;width:70px;
  "&gt;
    &lt;option&gt;Volvooooooooooooo&lt;/option&gt;
    &lt;option&gt;Saabbbbbbbbbbbb&lt;/option&gt;
    &lt;option&gt;Mercedesaaaaaaaaaa&lt;/option&gt;
    &lt;option&gt;Audiiiiiiiiiiiiiii&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>