div ordering and flash content

[yodasw16]

I have a drop-down menu that is made completely with css. On a few pages on my site I have a flash mp3 player. On those pages, the drop down goes behind the mp3 player. It does it in both IE and FF. I tried to add a z-index of -1 to the div that the flash is in, but that didn't work. I am pretty new to css so I am not really sure about ordering div's or how flash and css interact.
I don't have the site uploaded yet, but I uploaded one of the pages that has the problem and the style sheet for it. If anyone can look at it and suggest a way to fix the problem, I would greatly appreciate it.
Here is the link:
http://wrcj909fm.org/new/ondemand/dso_unmasked/ondemand.htm

Thanks

[_Aerospace_Eng_]

Two possible solutions, one that will work in IE and FF

1) Add the param wmode="transparent" to the object tag
<param name="wmode" value="transparent">

If you are using the embed tag you need to add wmode="transparent" to that as well

2) Not sure how well this will work, never tried it. You put the mp3 player in an iframe and give the iframe a z-index less than your menu z-index.

[yodasw16]

Perfect! Thank you! The first option worked. The second I wouldn't want to do simply because iframe got the axe so it wont validate XHTML 1.0 Strict. Thanks for the response!

[_Aerospace_Eng_]

If you are worried about validation then why do you have the invalid flash code? I suggest you read this
http://www.alistapart.com/articles/flashsatay/

[yodasw16]

You're right. I forgot that that page doesn't validate because of that. But I still don't want more things that aren't valid. Thanks for the article...I will look into it. I was hoping there was a way to use flash with standards.