My menu is working just fine in Firefox and in Safari. But (surprise) not IE 6.
I have a separate stylesheet so I can isolate the styles for IE, but I’m not sure how.
The site can be viewed here …
http://urbanbridgechurch.com/wordpress/
The issue I am having is that the menus are showing up about 50 px to the left and too high as well (rather then nesting right under my level one items).
Also, they are adopting the background of the level one items on hover, which I think the code should be preventing.
One final issue is that rolling over the "arts" item actually shifts the site background by about 50px or so. Why would the nav menu shift the background of the whole site?
I would love to use this menu, but on IE it is pretty much unusable right now. The CSS is so complicated for it (with different levels, etc.) that I’m not sure which rules to even focus on.
Thanks in advance!