jquery - IEの選択フィールドに対するjQuery.hover() css効果

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');
    });
});

フィールドは最初は幅が広くなりますが、クリックするとすぐに表示されるオプションが開いて閉じます。

これは、hoverout関数がIEでトリガーされ、最大幅の変更がトリガーされ、何らかの理由で選択がクリックされた状態にならないと信じているためだと思います。

私の質問は、この機能を IE でも動作させるにはどうすればよいですか?

フィドル: http://jsfiddle.net/tet5m/