How do you get Dropdown Menu over embedded videos?

[Fireproofgfx]

Hello I haven't messed to much with drop downs but on a site I am making a friend of mine, the Dropdown menu goes behind my embedded videos. I tried

z-index: 999; on all of the Dropdown styles but it did nothing.

HERE IS THE SITE: http://www.jesseyoungforcongress.com/videos.php

On the home page I have a jquery image slider that did the same thing but I was able to fix it with the following style which doesn't work for the videos.

#nav, #nav ul{
     z-index: 100;
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1.5em;
 }

HERE IS THE HOME PAGE WHERE Z-Index works: http://www.jesseyoungforcongress.com/1.php

Any ideas? Thank your for taking the time to help me out!

 

[Pheno]

Try adding wmode="opaque" to the video embed code, that should fix it

 

[Fireproofgfx]

I added &wmode=Opaque to the video URL and it worked thanks a lot!!



But new question how do you get the drop down to go over this:

<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "90%", "100%", "FFFFFF",  true);
});
</script>
<div id="sv-container"></div>

which is on this page: http://www.jesseyoungforcongress.com/photos/photos.php

Again thanks for any help!!

 

[Fireproofgfx]

I added &wmode=Opaque to the video URL and it worked thanks a lot!!



But new question how do you get the drop down to go over this:

<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "90%", "100%", "FFFFFF",  true);
});
</script>
<div id="sv-container"></div>

which is on this page: http://www.jesseyoungforcongress.com/photos/photos.php

Again thanks for any help!!

Anyone have an idea???