Javascript 带有选择框选项（IE）的onMouseOut事件出现问题

我在下面的代码中遇到的问题是，每当我尝试从选择框中选择任何选项时，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>

点击这里
塞缪尔·杰克逊
大卫·纳洛格
这是一个真正的大名

我更改了代码，有条件地这样做。现在它运行良好。检查一下

<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>

点击这里
塞缪尔·杰克逊
大卫·纳洛格
这是一个真正的大名

onBlur在获得焦点之前无法工作，当您只需将鼠标滚动到选择框上时，问题就会出现。现在查看它。我已经解决了这个问题。好伙伴！！我只是附加onChange=“this.style.width='200px'；”Thanx一个Gallonis选项设置为隐藏或从DOM中删除？该选项仅在那里，但如果该选项的长度超过200px，它将不会使用style=“width:200px；”在IE中显示