title: IE 8 fixed width select issue
body: <p>I have to specify a width to the <code>select</code> in my html.</p>
  
  <p>It works fine in all browsers except in IE8, which cuts the text that is more than the width</p>
  
  <p>CSS</p>
  
  <pre><code>select {
          border: 1px solid #65A6BA;
          font-size: 11px;
          margin-left: 22px;
          width: 166px;
      }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;select&gt;
          &lt;option value="1"&gt;Some text&lt;/option&gt;
          &lt;option value="2"&gt;Text Larger Than the Width of select&lt;/option&gt;
          &lt;option value="3"&gt;Some text&lt;/option&gt;
          &lt;option value="4"&gt;Some text&lt;/option&gt;
          &lt;option value="5"&gt;Some text&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Hj7Pp/" rel="nofollow">DEMO</a></p>
  
  <p>I am open to js, jquery solutions, but would prefer a css only solution</p>