I want IE form menu to get full size once it's opened like in Firefox

In Drop-Down form menu's Firefox opens the menu in the right size, IE doesn

[Bigzed]

Hey Guys,
<snip>

Using css I've set the with of the form menu basically too low, because there's words in the menu that are larger.
Firefox is smart and resizes the menu once I click on it. IE isn't smart and just cuts off words, plus the menu is way to long.

What do I need to do, to make IE display the drop-down form menu the way Firefox does? I can't just set the width higher because then the two drop-down menues wouldn't fit into the box anymore.

Thanks guys.
Bigzed.

[edited by: engine at 9:29 am (utc) on Oct. 29, 2007]
[edit reason] please post code, not urls, thanks. [/edit]

[vincevincevince]

<style>
#selectable {width:100px}
#selectable:hover {position:absolute;width:240px}
</style>
 
<a href="javascript://"><select id="selectable"><option>Something</option><option>Something</option></select></a>

[Bigzed]

Hey!
thanks, this code is pretty good.. it would be one solution, even though I would prefer the size to be made bigger once the user CLICKS on it, and not as a hover effect, but his works too.

Nevertheless it only works in Firefox and not in Internet explorer! What is the javascript-part for? I tried it with and without, the effect was the same (therefore working in FF, not working in IE).

Thanks again,
Bigzed.

[vincevincevince]

<style> 
#selectable select {width:100px} 
#selectable:hover select {position:absolute;width:240px} 
</style> 
<a href="javascript://" id="selectable"><select ><option>Something</option><option>Something</option></select></a>

That should be fine in IE; my mistake. The javascript:// is so that when someone clicks it, it won't navigate the page; you can put in "#" if you prefer; but it could cause jumping up. IE 6 only allows :hover on <a > elements, that's the reason for the whole <select> inside <a>