Проблема с событием onMouseOut с опциями окна выбора (IE)

Question

Проблема, с которой я сталкиваюсь в приведенном ниже коде, заключается в том, что всякий раз, когда я пытаюсь выбрать какую-либо опцию из поля выбора, выполняется событие mouseout (в IE, Mozilla делает gr8), и эта опция исчезает.Как можно преодолеть эту ошибку.

<select name="ed" id="ed" dir="ltr"  style="width:200px;overflow:hidden;" onMouseOver="this.style.width='auto'" onMouseOut="this.style.width='200px';">
      <option value="1" selected="selected">click here</option>
      <option value="1">Samuel Jackson</option>
      <option value="2">David Nalog</option>
      <option value="3">This one is a real real big name</option>
 </select>

Answer 1

Я поменял код сделать это условно. Сейчас работает нормально. Проверьте это.

<select name="ed" id="ed" dir="ltr"  style="width:200px;overflow:hidden;" 
        OnMouseOver="this.style.width='auto';" onmouseout="if(!this.focussed) {this.style.width='200px';}"  onfocus="this.focussed=true;" onblur="this.style.width='200px';this.focussed=false;" >
      <option value="1" selected="selected">click here</option>
      <option value="1">Samuel Jackson</option>
      <option value="2">David Nalog</option>
      <option value="3">This one is a real real big name</option>
     </select>