Drop-down js menu blinking in IE7

Question

Hover over the menu on my site, and the drop-down appears correctly in Firefox, but in IE7 (and probably 6, I haven't been able to check yet) it blinks, repeatedly, even after you take away the mouse.

http://preview.sgwl.net/

I'm pretty sure this has to do with the CSS customizations I've made to the menu, but for the life of me I can't figure out what/where. The major changes I made were to the top-level menu items' look-and-feel, and I absolutely positioned the menu at top right, adding a width:100% to the containing element.

I tried adding height:1% to the menu UL, as suggested here, but that caused different issues and didn't seem to help the blinking.

The original .js files I implemented can be found here: http://www.memberwing.com/thesis-theme/_download/thesis_theme_menus_with_navt_plugin.zip

They're based on a script from Dynamic Drive (which does work in IE7 - I checked) and adapted for use in this tutorial: http://www.memberwing.com/thesis-theme/thesis-wordpress-theme-tutorial-adding-multilevel-nested-seo-friendly-navigation-menu/

My edits you can see (I hope) via Firebug.

This is my first question on stackoverflow so if I've left something out which I should have included please let me know.

Thanks so much for your help!

Michelle

Answer 1

If it matters to you, menus items jump far below using Safari, so there are other JS problems with other browsers.

I use this pure CSS dropdown menu for Wordpress which doesn't use JS.

You also have a lot of validation errors, but mostly for unencoded ampersands in the google maps url, so they shouldn't affect page display and and JS.