The iFrame 'z-index' fix

I've noticed an issue with iFrames, the z-index (the order from front to back) of an iFrame seams to force Youtube videos to cover up the drop down menu in your navigation as well as cause some problems deleting Weebly elements and today it seams also the list of 'Draft' Blog Posts on my Weebly Blog.

EXAMPLE

 The original code: 
 <iframe width="596" height="490" src="http://www.youtube.com/embed/Z6iqVxaALas" frameborder="0" allowfullscreen></iframe> 

---

To fix this add the following  to the end of the URL of the video:

?wmode=transparent

---

The new code:
  <iframe width="596" height="490" src="http://www.youtube.com/embed/Z6iqVxaALas?wmode=transparent" frameborder="0" allowfullscreen></iframe>

The final product,

That's it..... it's that easy!!