Problem:
My dropdown is loaded dynamically has some options that are quite long and this is messing up my page layout. I'd like the size of the select
element to be small but when expanded, allow the user to see all the long options
. To do this I have set the width
of the SELECT
to a fixed value e.g width:200px;
Expected/Desired Behavior (Works in Chrome)
Actual Behavior in IE8
What I have tried:
select{
overflow:show;
}
option{
overflow:show;
width:1000px;
}
SIMPLIFIED FIDDLE: