jquery foreground popup scroll bar

[joeami]

Hi,

 

I'm following this tutorial to display a full HTML page in a CSS popup:

 

http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/

 

The current challenge is that the popup window extends as far down as my window screen but I want it to extend as far down as the HTML goes. There's no scroll up/down option on the side of the popup (not even on the main page). This causes the content of the page that is displayed in the popup to abruptly cut off. I believe this is the CSS that controls the popup:

 

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}

 

I have tried several hacks from adding overflow: scroll to setting height/width to 100% but none of them are exposing the scrolling ability. Can someone please help with this task? I'd be happy with the browser's ability to scroll up/down.

 

Cheers