Div over a Youtube Video?

If you've ever had trouble with a lightbox or any other floating div being overshadowed by an embedded youtube video on your site, here's a very easy way to fix:

How to Fix the Embedded YouTube iFrame z-index Problem
Here’s the parameter you should add to the YouTube URL in the iFrame embed code:

?wmode=transparent

Example iFrame code:
<iframe title=”YouTube video player” width=”525″ height=”325″ src=”http://www.youtube.com/embed/ucowE8dtNqM” frameborder=”0″ allowfullscreen> </iframe>

Code With Fix Applied:
<iframe title=”YouTube video player” width=”525″ height=”325″ src=”http://www.youtube.com/embed/ucowE8dtNqM?wmode=transparent” frameborder=”0″ allowfullscreen></iframe>

I got the answer from:
http://www.jenkaufman.com/youtube-iframe-embed-video-problem-hides-menus-other-layers-546/

Hopefully this will save someone from having to rip through their CSS to find a solution!