Date: 07/16/07 (WebDesign)    Keywords: browser, css, java, web

Hello everyone! I just joined this community (I'm actually surprised I've never joined earlier). At any rate, I've been a web designer for several years but, as it goes, we all run into problems at some time or another. I had originally posted this problem in my personal journal and on MySpace, but got no bites. So, I thought I'd try here. Any suggestions would be greatly appreciated! Here is the problem:

I'm working on a project for my job in which I've created all CSS drop down menus (no javascript). Unfortunately, right below them, there is a flash slide show, which is an embedded object. It is a known thing that flash objects always appear on top of everything else, hence the drop downs get covered by the flash. I applied the 'name="wmode" value="transparent"' param to the flash object. I also added a negative z-index and position attribute to the object's styles. BUT, these solutions only seem to work in IE for windows. In Safari Firefox, and Opera the menus are covered while the flash slideshow is moving (when the picture is still, it is fine though).

SO...my question to you people who may have had experience with this is... is there any other solution to fix this in the rest of the browsers that aren't IE? Any help would be greatly appreciated!

Thanks so much! :-)

Source: http://community.livejournal.com/webdesign/1282985.html