como poner una ventana emergete como esta

[Daniel Ulczyk]

Por lo que he visto en el código, posiciona el DIV en forma absoluta; luego con un evento de JavaScript—al hacer un click sobre la X (de cerrar) cambia a display:none;

Código HTML:

<div style="position: absolute; top: 20px; left: 175px; height: 280px; width: 335px;" id="floatLayer1">
 
<!-- BEGIN STANDARD TAG - 300 x 250 - footyfire.com: Run-of-site - DO NOT MODIFY -->
<iframe width="300" height="250" frameborder="0" scrolling="NO" src="http://ad.xtendmedia.com/st?ad_type=iframe&amp;ad_size=300x250&amp;section=1184599" marginheight="0" marginwidth="0"></iframe>
<!-- END TAG -->
 
<span onmouseup="document.getElementById('floatLayer1').style.display='none'"><img src="http://3.bp.blogspot.com/_VXaGfG3zR00/TAd38oWHaTI/AAAAAAAAAE0/q3jio14xcbw/s1600/big+closead+button.gif"></span></div>
 

Espero mis comentarios te sean útiles.