I have a css problem and I don't know how to fix it. In order to expand a dropdown list you must use css below. Work fine only with one condition, when you select an option the select wont return to initial width. WHY??? :( This a behavior that I want to happen on all browser including IE8 because of IE I must set width on focus .
select:focus{
min-width:158px;
width:auto;
}
fiddle: http://jsfiddle.net/DCjYA/304/
:hover
instead of:focus
. As mentioned by @Wombat, the select box is focused until you click on something else – My Head Hurts Feb 6 '12 at 16:28