Problem with CSS drop-down menu & Flash banner

I have a website that is heavily structured using CSS. I have a horizontal drop-down menu that is working fine. The problem is that I have now added a Flash ticker banner. Now the drop-down menu hides behind the Flash banner when the menu expands. Is there some way to force the menu to drop-down on top of the banner? Alternatively, is there a way to force the Flash banner behind the expanded menu?

Here is the site: http://www.caz-cc.com
Here is the primary css file: http://www.caz-cc.com/css/main.css
Here is the drop-down menu css: http://www.caz-cc.com/css/multi_drop_menus_class.css

This forum has never failed me yet. I'm sure you'll come up with a solution again this time.
HappyjackAsked:
Who is Participating?
 
HappyjackConnect With a Mentor Author Commented:
Hey guys, you both did great. I finally decided to redesign by placing the ticker above my banner image. Number one, it looks better and number two, it no longer interferes with the drop-down menu. Thanks for all you're help. I'm going to see if there is a way to split the points between the two of you.

Jack
0
 
David S.Connect With a Mentor Commented:
0
 
myderrickConnect With a Mentor Commented:
Normally flash will always be in front of other objects. It has it's own z-value (so to speak).
Usually you need to edit the javscript to fix this.

See the solution to a similar question here:
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_24241474.html

Good luck

MD
0
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
myderrickConnect With a Mentor Commented:
This article/Thread will put what I mean in perspective.

http://geekswithblogs.net/steveclements/archive/2007/03/03/107839.aspx

Good Luck

MD
0
 
HappyjackAuthor Commented:
Okay. I included <param name="wmode" value="transparent" /> into my object tag and the menu is now appearing on top of the swf movie. However, as explained here (http://geekswithblogs.net/steveclements/archive/2007/03/03/107839.aspx), it still doesn't work in Firefox.

I've tried every combination of z-index and relative positioning I can think of with no positive results in Firefox. It only appears to be working in IE, later versions of Opera, Safari3 and Avant. I will not work in any of my versions of Netscape or Firefox. Can anyone here give me any more specifics about where to add the z-index and or relative position statements to my CSS?
0
 
myderrickCommented:
I'm glad you like the new structure. Normally the links should have sorted the issue out for your situation especially. But since you like the new structure then you are good to go.  
0
 
myderrickCommented:
I'm glad you like the new structure. Normally the links should have sorted the issue out for your situation. Flash will always be on top on matter the z-value. The wmode - transparent should have helped. The javascript usually causes the problem. But since you like the new structure then you are good to go.  
0
All Courses

From novice to tech pro — start learning today.