Question: I am trying to create a dropdown menu based on Stu Nicholls' : <http://www.cssplay.co.uk/menus/pro_drop8.html>

Mine needs to go over *Select* dropdowns and be IE6/7 compliant, so that's why I'm using all this iFrame nonsense. Changing z-index will not fix it because IE set an infinite zindex value to select dropdowns.

So my problem is that if I copy and paste (litterally, no changes made) the dropdown menu from the website to my application it will work fine in everything except IE6 where it will "blink". Meaning that everytime you hover over a different menu entry it will disapear for a small instant and then appear again. I think it's because IE6 consider that you're not hovering the menu anymore when you actually are.

I tried everything and browsed google for hours without finding a dropdown menu working. Do you know what could cause this problem (and maybe how to fix it) ?

Thanks -

Answer: 
I don't know if this is necessarilly what you need but the [jQuery bgiframe plugin](http://plugins.jquery.com/project/bgiframe) handles the select problem pretty cleanly so you don't have to do everything manually. 

Hope that helps.
IE uses a different event trigger than the rest of the browsers. Try doing this for the mouse out:

```
        //browser sniff
        if (navigator.appName == "Microsoft Internet Explorer") {
            document.getElementById('yourtriggerid').onmouseleave = function() {
                document.getElementById('themenuid').style.display = "none";
            };
        } else {
            document.getElementById('yourtriggerid').onmouseout = function() {
                document.getElementById('themenuid').style.display = "none";
            };
        }

```

`'yourtriggerid'` is whatever you want to trigger the event, and then `'themenuid'` is the menu/absolute positioned div you want to hide and show.

The key is `onmouseleave` to trigger the event for IE. Hope this helps someone!