div定位问题（当点击一个图片按纽，图片居中显示）

<center>....</center>已经用过，没效果．
想用脚本控制：
if(xxxx＂条件＂xxx){
         out.println("<tr>");
out.println("<td style='cursor:hand'>");
out.println("<dl>"); 
out.println("<div id=imageDiv  style=\"position:absolute;display:none;left:inherit; top:inherit; \"><img width='400' height='400' src=\"../UploadFiles/"+strURL+"\" border=\"2\" style=\"border-color:#CC6600\"><input type='button' value='关闭此图片' onclick='javascript:dispImage(\"imageDiv\",\"none\")'></div>");
out.println("<span onclick=divTT(\"imageDiv1\");'><font size=\"-1\">");
    out.println("事实照片");
out.println("</font>");
out.println("</span>");
out.println("</dl>");
out.println("</td>");
}
======脚本如：
<script language="">
function divTT(divImage){ 
    //对象相对窗口顶端的高度（层）网页可见区域
var divOffSetHeight = document.getElementById(divImage);
    divOffSetHeight.offSetHeight = divOffSetHeight.style.height;
    //屏幕的高
var divClientHeight = window.screen.availHeight;
    //对象相对窗口顶端的宽度（层）网页可见区域
var divOffSetWidth = document.getElementById(divImage);
divOffSetWidth.offSetWidth = divOffSetWidth.style.width;
   //屏幕率的宽
var divClientWidth = window.screen.availWidth;      //div top
    document.getElementById(divImage).style.top = ( divClientHeight - divOffSetHeight.offSetHeight)/2 + "px";
//div left
document.getElementById(divImage).style.left = (divClientWidth/2 - divOffSetWidth.offSetWidth/2) + "px";   
}
</script>