Fixing an Annoying IE Bug with DIVs and Dropdowns
I recently wrote a web part that uses a little AJAX magic to present a balloon of employee detail when hovering over a person's name (think Amazon.com for the experience we were trying to create). Everything worked great but we noticed an odd behavior on certain machines. The balloon was supposed to pop up over an existing dropdown list. Well, sometimes the dropdown would appear in front of the balloon. I tried setting the z-index for the balloon to be super high but it had no effect. Turns out that this is an IE bug with HTML DIV's and dropdown controls.
After a little seraching, I came upon this... http://www.codeproject.com/useritems/dropdown_div.asp?df=100&forumid=340041&exp=0&select=1678493. It suggests using javascript to hide the dropdown when the balloon is showing. Works like a charm!