There has to be a solution to this problem. My company is currently doing a semi-redesign of our site. Our current navigation uses dropdowns (namely, the Suckerfish method) and it will not be changing, but it does, however, need to improve.
Here's the issue: in every single dropdown menu coding method that I've seen on the Web, the dropdowns get positioned underneath Flash content and form elements in IE 6 (and sometimes in Opera). A majority of our audience uses IE, so simply suggesting another browser is not a solution. We also have specific advertising positions that we need to adhere to, which is where the problem really comes into play (a Flash ad appears under the navigation and bam, half of the dropdown disappears when the user is trying to get through the site).
We used a "band-aid" approach to help with the problem...unfortunately the fix only works some of the time. This is the method we used:
It works pretty well for the form elements, but it's no good on Flash. It also causes a bit of flickering in Opera, as well.
I just e-mailed the guy(s) in charge of the UDM 4 site (http://www.udm4.com/menu/) to see if UDM gets around this issue. I'll let you all know what I find out.
Until then, does anyone with more JS experience with me know a workaround/fix for this? Have you folks had this problem before? What did you do, aside from repositioning things in your layout to stay away from the nav?
First start by reading a bit about the DOM, then lookup getElementsByTagName. This will return you a collection that you need to iterate. In the iteration you will need to set the wmode attribute with setAttribute.
Though it can get a bit tricky if the Flashs are inside Iframes