selects con width fija

HTML

<div style="width:300px;overflow:hidden;">
<select id="dr1" style='width:150px'>
<option value="-1">Browse me 1..</option>
<option value="1">Short Option</option>
<option value="2">Little bigger than short Option</option>
<option value="3">Largest option available with this select box</option>
</select> asdfasdfasdf
    <select id="drp2" style='width:200px'>
<option value="-1">Browse me 2..</option>
<option value="1">Short Option</option>
<option value="2">Little bigger than short Option</option>
<option value="3">Largest option available with this select box</option>
</select> fasdfasdfasdf

<div>

CSS

body
{
    font-family:10pt;
    padding :10px;
}

JavaScript

$(document).ready(function() {
    $("select").each(function(i,ele){addLimitWidth($(this))});
  });

function addLimitWidth(obj){
    var width=obj.css('width');
    obj.mousedown(function() {
        if ($.browser.msie) {
            $(this).css("width", "auto");
        }
    });
    obj.change(function() {
        if ($.browser.msie) {
            $(this).width(width);
        }
    });
    obj.blur(function() {
        if ($.browser.msie) {
            $(this).width(width);
        }
    });
 
}