YouTube video content covering CSS drop down menus in IE < 9

Question

I've created drop down menus using CSS and I have a YouTube video placed in a box just below my nav bar. When using IE 8, the drop down menus fall behind the YouTube video, despite the fact that the div with the nav bar has a higher z-index than the div with the YouTube video. The problem does not exist in Firefox, Safari or IE9.

You can see the problem by going to the web site:

http://www.mensdiscipleshipnetwork.com

Thanks for the help.

Answer 1

It looks like you need to add ?wmode=transparent to the YouTube embed iframe src url. Like so:

<iframe width="632" height="390" src="http://www.youtube.com/embed/_K-YwgCyg70?wmode=transparent" frameborder="0" allowfullscreen></iframe>