I am working with jQuery Mobile V 1.3.1 and the Youtube iFrame Embed using the asynchronous loading.

The issue is in my app I have a slide panel that is hiding behind the Youtube embed in IE9. It works fine in several other browsers I have tried.

You can see it here: http://projects.kleelof.com/ytkids/

The panel is set to data-display="overlay".

The only real thing I could think of was to set the z-index of the panel to some really high number like 10000, but no luck.

I did notice that in other browsers, the panel portion that is being hidden in IE is hidden until the panel completes its animation. Don't know what this could mean, but maybe it will mean something to someone else.