Show popup outside an iframe?

Show popup outside an iframe?


I'm forced to work with iframes in a project.

The jQuery Mobile header is in a iframe and I have a button with data-role="popup"


<div data-theme="b" data-role="header">
<a href="#popupMenu" data-rel="popup" data-role="button" data-icon="check" data-iconpos="right">Popup in Default.aspx</a>

<div data-role="popup" id="popupMenu" data-theme="a">
<ul data-role="listview" data-inset="true" data-theme="b">
<li data-role="divider" data-theme="a">Popup API</li>
<li><a href="options.html">Options</a></li>
<li><a href="methods.html">Methods</a></li>
<li><a href="events.html">Events</a></li>


<iframe name="header" src="header.aspx" id="header" runat="server" width="100%" height="200px" scrolling="no"></iframe>

JQuery mobile Content here


The question is: How to make the popup to show in the default.aspx outside the header.aspx frame?

I am very thankful of all the help I can get.
Thank you!