poner un jquery dialog encima de frames

[driowrio]

Hola a todos, tengo 2 frames y me gustaria que un dialog de jquery se posicione encima de los dos frames ya sea en el parent de los frames o en el top del sitio web, he estado todo el dia intentando pero sin resultados positivos, aca les dejo el codigo que estoy utilizando:

Código:

<frameset id="mainFrame"cols="50%,50%"> 
    <frame id="f1" src="test.php"></frame> 
    <frame id="f2" src="test2.php"/>
<frame/>

<div id="ajaxpopup"><center><p><h3>Ingrese su email</h3></p></center</div>

<script type="text/javascript">
function loadpopunder(){
	function Init(){
		jQuery('#ajaxpopup').dialog({ buttons: 
		{
			"Aceptar": function()
			{
					jQuery('#ajaxpopup').dialog('close');
			}
		}, closeOnEscape: true, modal: true, show: 'slide' });
	}
	jQuery(document).ready(Init);
}
loadpopunder();
</script>
</frameset>

Muchas Gracias.