html <select> and CSS problem

ok, my <select> form element has a css width of 139px, but several items in the list require more space.

http://www.wascot.org.uk/temp/select_test.htm

Firefox allows the drop-down (the menu that appears after onClick) to expand to accomodate the longest item in the list, however IE fixes the drop-down at 139px.

Is there a way to control the width of the drop-down?

Thx for reading this post...

hi, just change one line on areaField class


to


works fine on both IE and FF

Thanks for the reply, but doesnt seem to work when i try it...

http://www.wascot.org.uk/temp/select_test.htm

here, the second <select> has max-width: 139px; but IE doesnt recognise the max-width, and becomes the width of the longest item in the list.

Anymore suggestions would be greatly appreciated

I don't believe max-width hasn't been implemented in IE properly.
I have seen other examples where people resorted to Javascript and DOM...