I got this weird problem as in topic: in IE (i'm testing version 8, got no way to test older/newer versions) and only in IE all the select boxes on my website started to close themselves as soon as i hover my mouse to select an option. This isn't happening on Firefox, and this isn't happening on my local server, only on the test remote server (yes, the two sites are identical). So, to recap it: Local version: all fine, even in IE. Remote version: IE's select boxes "crash" as soon as i hover on them. Any ideas?
I had this problem in IE8 only and here's how I solved it:
In my CSS I was applying a font-family to the SELECT
.
Instead I applied it to the SELECT OPTION
.
So instead of this:
select {font-family:'Avenir LT W01 85 Heavy';}
I did this:
select option {font-family:'Avenir LT W01 85 Heavy';}
And the menu stopped closing erratically. Hope this helps someone.