jquery - IE8 で選択が正しく機能しない

Question

HTMLコードは次のとおりです。

 <div id="container_sizes">
    <div id="size_guide_container" style="width: 100%;">
    <p id="size_dropdown">
    <select id="style_wrapper_dropdown" ">
    </p>

次のコードをjsファイルに入れました

 if ($.browser.msie) {
         $('p#size_dropdown select').bind("mouseenter click focus", function
            $(this).css('width', '100px');
         }).bind("change blur", function() {
             $(this).css('width', '100px');
         });

次のコードをcssファイルに入れました

    body.styles p#size_dropdown select:focus {
      width: auto;
    }

しかし、それでも選択ドロップダウンで、IE8 ではテキストが途切れます。修正方法を教えてください。