DIV overlapping .SWF

Hey guys.

I am designing a Wordpress theme for video sharing and the posts page will have a Youtube video embedded in it.

I have options like "Share", "Embed", "Rate" etc that once clicked, opens a popup DIV that has content in it. The popup works like I want it to, but the embedded Youtube video is shown over the top of the popup DIV.

Here's the code on single.php:

            <div id="entry_player_container">
<div id="popupDiv_link">
  <p>Use the link below to share this page with your friends or paste it for later use.</p>
  <br />
  <p><input type="text" value="<?php the_permalink() ?>" size="40" class="popupDiv_txt" /></p>
  <br />
  <a href="javascript:setVisible('popupDiv_link')" style="text-decoration: none"><strong>Close</strong></a>
</div>
<div id="popupDiv_rate">
  <p>Like this episode? Rate it from 1 to 5 so other users can enjoy!</p>
  <br />
  <p><?php if(function_exists('the_ratings')) { the_ratings(); } ?></p>
  <br />
  <a href="javascript:setVisible('popupDiv_rate')" style="text-decoration: none"><strong>Close</strong></a>
</div>
            <div id="player_holder">
                <?php 
                // check for a video
                $video = get_post_meta($post->ID, 'Video', $single = true);
                ?>
                <?php // if there's a video
                if($video !== '') { ?>
                <?php echo $video; ?>
                <?php } // end if statement
                // if there's not a video
                else { echo 'THUR IZ NO VIDEO!'; } ?>
            </div>

Code (markup):

And here's the CSS for the popup DIV:

#popupDiv_link, #popupDiv_rate {
    background-image: url(images/player_bg.png);
    background-repeat: none;
    position: absolute;
    visibility: hidden;
    width: 561px;
    height: 312px;
    top: 176px;
    padding: 10px;
}

Code (markup):

Like I said, the popup comes up but the content cant be seen because the embedded Youtube video overlapps it so I need a way for the popupDIV to show OVER the Youtube video.

Here's where it's happening btw:
http://nullusimprimis.com/beta/?p=12

Click on the buttons below the player and you should see what I mean.

Thanks in advance

 

To the object element, add <param name="wmode" value="opaque">. To the embed element, add wmode="opaque".

cheers,

gary

 

Worked a treat, thanks mate