Javascript Pretty Photo Not Overlapping Youtube Video

[Dareus]

Ok, So I'm using PrettyPhoto in my site, and above that I put a youtube video. Now when I use prettyphoto before it dulls the screen, opens pictures that are scrollable int he middle, BUT now that I have a youtube video on the top of the photo's, The youtube video doesnt dim out but stays on top of everything..Any idea?Is there somethign in the youtube embed coding? should I z-index it? if so how? i'm not too familiar with it,Please and thanksAlso I put IMG position as relative, I put the video to have a class and position Relative, I z-index'ed it. SO i'm thinking i have to z-index prettyphoto???Basically I have the youtube video on top and then the table of pictures below, but everytime I open them now to which I am using the prettyphoto javascript, the youtube video stays on top and the photo's open below the video.to see an example plz msg me i'll send you the site as it's password protected Thanks.I hope I can get this resolved, I'm not sure how to make pretty photo show up above the youtube video

div class="maincontent"> <p>  <object width="425" height="344" class="video">	<param name="movie" value="http://www.youtube.com/v/AWswY66GGWk&hl=en&fs=1&rel=0" />	<param name="allowFullScreen" value="true" />	<param name="allowscriptaccess" value="always" />	<embed src="http://www.youtube.com/v/AWswY66GGWk&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>  </object></p><table width="640" border="0" cellspacing="2" cellpadding="2">		<tr>	  <td width="200"><a href="../Pictures/photosandvideos/Aerial.jpg" rel="prettyPhoto[318 bould des prairies]"><img src="../Pictures/photosandvideos/small/Aerial.jpg" /></a></td>	  <td width="200"><a href="../Pictures/photosandvideos/IMG_0538.jpg" rel="prettyPhoto[318 bould des prairies]"><img src="../Pictures/photosandvideos/small/IMG_0538.jpg" /></a></td>	  <td width="200"><a href="../Pictures/photosandvideos/DSCN5306.JPG" rel="prettyPhoto[318 bould des prairies]"><img src="../Pictures/photosandvideos/small/DSCN5306.JPG" /></a></td>	</tr>	<tr>	  <td><a href="../Pictures/photosandvideos/DSCN5309.JPG" rel="prettyPhoto[318 bould des prairies]"><img src="../Pictures/photosandvideos/small/DSCN5309.JPG" /></a></td>	  <td><a href="../Pictures/photosandvideos/DSCN7155.JPG" rel="prettyPhoto[318 bould des prairies]"><img src="../Pictures/photosandvideos/small/DSCN7155.JPG" /></a></td>	  <td><a href="../Pictures/photosandvideos/DSCN2516.JPG" rel="prettyPhoto"><img src="../Pictures/photosandvideos/small/DSCN2516.JPG" /></a></td>	  	</tr>	<tr>	  <td><a href="../Pictures/photosandvideos/DSCN7149.JPG" rel="prettyPhoto[318 bould des prairies]"><img src="../Pictures/photosandvideos/small/DSCN7149.JPG" /></a></td>	  <td><a href="../Pictures/photosandvideos/DSCN7150.JPG" rel="prettyPhoto[318 bould des prairies]"><img src="../Pictures/photosandvideos/small/DSCN7150.JPG" /></a></td>	  <td><a href="../Pictures/photosandvideos/IMG_0544.jpg" rel="prettyPhoto[318 bould des prairies]"><img src="../Pictures/photosandvideos/small/IMG_0544.jpg" /></a></td>

Above what I did in CSS (marked in Red) I gave the video a class of video, then for that page I put a img css for just the tag img, I gave them both position relative, Then gave the image a z-index of 1, and the video a z-index of 0. But didnt work. I think i have to somehow do prettyphoto z-index?Prettyphoto has alot of it's own tags so maybe I have to z-index1 them all?Any help would be great.

[Ingolme]

Nothing can be placed in front of a youtube video, because youtube requires a plugin. Plugins always display in front of anything else in the page and that can't be changed.

[Dareus]

Nothing can be placed in front of a youtube video, because youtube requires a plugin. Plugins always display in front of anything else in the page and that can't be changed.

Thanks, but I found a solution, set the video to wmode="transparent"and worked perfect. It is now underlayed.