高分求解,怎么控制层的位置在浏览器的中央?

[masterlijianfei]

原来有一个层,样式是隐藏的,鼠标点击[显示]文字后,怎么处理层的位置,使得层的位置在浏览器的中央,且调整屏幕会自动适应.层的ID为Layer1

要求效果如图：


----------------------------------------------------------------------------------------
| 浏览器 |
| |
| |
| |
| |
| ------------------------ |
| | | |
| | | |
| | 层 | |
| | | |
| | | |
| ------------------------ |
| |
| |
| |
----------------------------------------------------------------------------------------

[ttyp]

<div style="position:absolute;width:200px;height:100px;border:1px solid red;left:expression((document.body.clientWidth-this.offsetWidth)/2);TOP:expression((document.body.clientHeight-this.offsetHeight)/2);">

[masterlijianfei]

谢谢