HTML Select options width is cropped in IE. Any solutions?

Question

In Mozilla and non-IE browsers, if the option of select list is of a greater length than the select's width, it will show up. But in IE, it will crop the option up to the select's width.

Is there any way to make IE's select behaviour to be like that of non-IE browsers?

Answer 1

This seems to work well in forcing IE to reevaluate the select width. Works in IE7 and IE8.

if (jQuery.browser.msie) {
    jQuery("#" + selectID).css("width", "100%").css('width', 'auto');
}

Answer 2

css:

.set_width { width:120px; }

html:

<select class="set_width"><option>one</option><option>two</option></select>