Html drop down with different size for list of entries and the selected entry

Question

I am facing some problem with html drop down. I want to keep the size of the drop down fixed, but when the user click on the drop down, the list should displayed in bigger size so that the entries are not truncated.This is the default behaviour in fiefox, this issue appears only in IE. Can any one suggest some work around for solving this issue in IE?

I have tried expanding the size of the drop down in the onclick event. But it will increase the entire drop down.(not only the list).

style='width:100px;' onclick="this.style.width = '200px';" onblur ="this.style.width = '100px'

Answer 1

Check this out:

http://css-tricks.com/select-cuts-off-options-in-ie-fix/