title: JQuery/Javascript: IE hover doesn't cover select box options?
body: <p>I have this bit of script to widen a text box on mouseover and shorten it on mouseoff.</p>
  
  <p>The problem I am having is that Internet Explorer doesn't seem to extend it's hover over the options of a select box.</p>
  
  <p>This means in IE I can click the select, have the options drop down, but if I try to select one, they vanish and the select box re-sizes as soon as I move off the select box itself.</p>
  
  <p>Example Code:</p>
  
  <pre><code>&lt;script type='text/javascript'&gt;
  $(function() {
  $('#TheSelect').hover(
      function(e){
          $('#TheText').val('OVER');
          $(this).width( 600 );
      },
      function(e){
          $('#TheText').val('OUT');
          $(this).width( 50 );
     }
  );
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>And:</p>
  
  <pre><code>&lt;input type='text' id='TheText' /&gt;&lt;br /&gt;&lt;br /&gt;
  
  &lt;select id='TheSelect' style='width:50px;'&gt;
      &lt;option value='1'&gt;One&lt;/option&gt;
      &lt;option value='2'&gt;Two&lt;/option&gt;
      &lt;option value='3'&gt;Three&lt;/option&gt;
      &lt;option value='42,693,748,756'&gt;Forty-two billion, six-hundred and ninety-three million, seven-hundred-forty-some-odd..... &lt;/option&gt;
      &lt;option value='5'&gt;Five&lt;/option&gt;
      &lt;option value='6'&gt;Six&lt;/option&gt;
      &lt;option value='7'&gt;Seven...&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Are there any workarounds for select boxes in IE?  I would even consider a jquery replacement if anyone can recommend one that is really reliable.</p>
  
  <p>Thanks!</p>