Show popup outside an iframe?

Show popup outside an iframe?

Hi!

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"

Header.aspx



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

<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>
</ul>
</div>















Default.aspx


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

JQuery mobile Content here

</body>
</html>












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!