Forum Moderators: open
-Mike
Example:
<select id="Select" style="width: 125px">
<option selected>Select One</option>
<option value="1">In Firefox, this menu will expand out, despite what</option>
<option value="2">I set the width of the select itself to.</option>
<option value="3">------</option>
<option value="4">Unfortunatley, in Internet Explorer, this doesn't happen</option>
<option value="5">Is there a solution to this problem?</option>
</select>
<select id="Select" style="width: 125px;" onfocus="javascript: this.style.width='auto';" onblur="javascript: this.style.width=125;">
<option selected>Select One</option>
<option value="1">In Firefox, this menu will expand out, despite what</option>
<option value="2">I set the width of the select itself to.</option>
<option value="3">------</option>
<option value="4">Unfortunatley, in Internet Explorer, this doesn't happen</option>
<option value="5">Is there a solution to this problem?</option>
</select>
But I think it's a less than ideal situation. I don't think theres anyway around it.