select ancho fijo.

by jpeter06

HTML

<div style="width:150px;overflow:hidden;">
<select id="dr1" style='width:150px'>
<option value="-1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</option>
    <option value="1">Short </option>
<option value="2">Little </option>
<option value="3">Largest </option>
</select>
    <select id="drp2" style='width:150px'>
<option value="-1">Browse me..</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>

<div>

CSS

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

JavaScript

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

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