selectBox内に文字が収まらない場合、選択時に幅を変更する

 <select name="名前" class="test">
		<option>ラベル1aaaaaaaa</option>
		<option>ラベル2</option>
		<option>ラベル3</option>
	</select>
    <script type="text/javascript">
    
    $(function(){
    	var origWidth;
    	$("select").mousedown(
    		function(){
    			origWidth = $(this).css('width');
    			alert(origWidth);
    			$(this).css('width', 'auto');
    		}
    	).blur(
    		function(){
    			alert(origWidth);
    			$(this).css('width', origWidth);
    		}
    	);    	
    });
    </script>

これでうまくいくと思ったが、サイズ取得の箇所が期待通りの動作にならない。