jQuery.hover（）css对IE中的select字段的影响

Question

在我的项目中，要求表单中的每个select字段都有一个固定的css最大宽度，当悬停到新的固定max-width时，其宽度会增加仍然可以作为普通的select字段。

CSS：

select { max-width: 200px; }

jQuery的：

$(document).ready(function(){
    $("select").hover( function() {
        $(this).css('max-width','395px');
    }, function() {
        $(this).css('max-width','200px');
    });
});

除了IE（任何版本）之外，这一切都可以正常工作，因为该字段的宽度最初会增加，但点击后会立即打开，然后关闭显示的选项。

我认为这是因为IE中触发了hoverout函数，触发了最大宽度更改，并且由于某种原因，相信select不再处于点击状态。

我的问题是我如何才能在IE中使用此功能？

小提琴：http://jsfiddle.net/tet5m/