How to make <option> wider than <select> in IE6?

Question

The <select> has a width of 60px,

but the content of <option> is longer than that.

Which is hidden in IE6.

How to fix that?

Answer 1

I've tried to figure this out before and all I could find were javascript hacks. I found one once upon a time that worked well but I don't know where.

You could try this: http://brandonbuttars.com/2009/09/css-select-options-internet-explorer-cut-off/

Or plenty of other options on Google: http://www.google.ca/search?hl=en&amp;safe=off&amp;q=ie6+cutoff+select+options&amp;btnG=Search&amp;meta=&amp;aq=f&amp;oq=

Answer 2

We added a button next to select which change select's width to default value, so it becomes non-limited in width.

Answer 3

Short and easy answer: it´s not possible without JavaScript. And with the JavaScript-solution your layout will jump when the select gets wider.

See my comment on duplicate threads for more info.

Answer 4

Unfortunately this is not possible. You could use custom scripts like this one: http://www.icant.co.uk/forreview/tamingselect/, but still - it is JavaScript based solution.