I’m going insane and have posted this dilemma on several forums, but haven’t had any responses.
The main navigation on the site I’m currently developing is a horizontal dropdown menu created in Flash. Several pages also have their own side navigation, which is also created in Flash.
Both the top navigation and side navigation(s) are embedded using code that refers to an swfobject.js script taken from http://code.google.com/p/swfobject/. (One of the purposes for using this embed method is to get around IE’s active content security annoyance.)
The top navigation works fine in Safari. However, hovering over any of the side navigation buttons produces a flickering hand/arrow cursor, rendering the hyperlinks inactive. These side navigations seem to be blocked by the dropdown menu of the top navigation (because of the required height of the movie due to the dropdowns).
The top and side navigations in IE appear to both function properly on the surface. However, there’s a problem when you click on a side navigation item within the Did You Know? dropdown: if you go back and click on the Did You Know? button again, the menu now hides behind the side navigation.
I thought a workaround to this problem would be to simply create plain HTML hyperlinks for the side navigation(s); however, these links are also inactive in Safari because of the Did You Know? dropdown.
Is there some sort of script to force one menu to be on top of the other when hovered over? Or some other solution to this crazy problem? I’ve been troubleshooting this problem for weeks and weeks and weeks and need to go live with the site soon!
Here’s a link to a page containing both the top and side navigations:
Laura