弹出div屏幕居中,兼容ie6 ie7 firefox

<a href="javascript:void(0);" οnclick="show_login();">登录</a>
<div id="d_login" style="border:5px solid #0C6; position:absolute; display:none;  z-index:999">
<form method="post" action="/uc_app/?act=login">
用户:<input name="uid" type="text" /><br/>
密码:<input name="pwd" type="password" /><br/>
<input name="login" type="button" value="登录" οnclick="javascript:alert(getAbsoluteCoords(this));" />
</form>
</div>

<script language="javascript">
function show_login()
{
var bi = new BrowserInfo();
$("d_login").style.top = (bi.screenHeight /2 - 100) + "px";//这里一定要加px，不然在firefox下面不正常
$("d_login").style.left = (bi.screenWidth /2 - 100) + "px";
$("d_login").style.display="block";
}

function BrowserInfo()
{
this.screenWidth = window.screen.width;
this.screenHeight = window.screen.height;
this.bodyWidth = document.body.clientWidth;
this.bodyHeight = document.body.clientHeight;
this.scrollWidth = document.body.scrollWidth;
this.scrollHeight = document.body.scrollHeight;
}
</script>

/*弹出层居中*/
function CenterDiv(){
document.getElementById("open_div").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("open_div").offsetHeight)/2)+"px";
document.getElementById("open_div").style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("open_div").offsetWidth)/2)+"px";
}