Question

如何让一个弹出DIV在页面可以滚动的情况下保持在屏幕中间？

注意：是让一个弹出display：block动作执行后，保持在页面向下滚动的情况下div仍在中间。
我的出问题网页：http://www.putaobook.com/ 其中点击“酒店位置”后弹出div位置相对页面固定，想做成那种相对屏幕固定的
---------上源码-----------
------------html------------------

<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block';initMap();"><span>酒店位置</span></a>
<div id="light" class="white_content">

<span style="float:right"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">关闭</a>
</span>
<iframe width="504" height="660" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://j.map.baidu.com/opK_l"></iframe>

</div>
<div id="fade" class="black_overlay"></div>
------------css-------------------
.black_overlay
{
display: none;
position: absolute;
top: 0%;

left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=88);
}
.white_content
{
display: none;

position:fixed;
left:50%;
top:50%;
width:600px;
height:405px;
margin:-200px 0 0 -300px;
padding: 20px;
border: 5px solid #2DADAE;
background-color: white;
z-index:1002;
overflow: auto;
}
------------------------
能解决，追加50分

Answer 1

.black_overlay
{
display: none;
position: fixed
;
top: 0%;

left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=88);
}