If you have a YouTube video embedded within your web page that ignores the z-index of fixed or absolutely positioned DIV elements then here is both the html and the JavaScript (jquery) fix. Instead of embedding the youtube iframe like this <iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/lzQgAR_J1PI" frameborder="0" wmode="Opaque"> add ?wmode=transparent to the embedded link like this: Add wmode to fix youtube iframe zindex <iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/lzQgAR_J1PI?wmode=transparent" frameborder="0" wmode="Opaque"> Or, add the following Jquery javascript youtube iframe z-index fix: Add wmode to fix youtube iframe zindex $(document).ready(function(){ $('iframe').each(function(){ var url = $(this).attr(...