I have a drop down list with four or five items, each of which can be very very long (longer than the width of the dialog box the list appears in). The [select] element has a fixed width of 500px. In Netscape and Firefox, this is working great, because when you click on the drop down list, the options are displayed in a box that is as wide as it needs to be (wider than the 500px of the [select] element, if necessary).
Here's an example of good behavior (Netscape & Firefox):
Problem is that in IE, the box is only as wide as the [select] element it's a part of, so the right margin is cut off at 500px and nobody can tell what they're selecting.
This is very, very bad (Explorer):
I've tried messing around with the word-wrap attribute in IE, but haven't managed to get it to work with either the [select] element or the [option]elements (it's supposed to work with both, according to MSDN).
Any suggestions? The work-around for now is to not limit the width to 500px, but this is ugly, and we don't like ugly! Thanks in advance...
[ November 16, 2005: Message edited by: Kristin Stromberg ]