弹出层DIV覆盖整个页面的问题

   function ShowNo()                        //隐藏两个层 

        { 

            document.getElementById("doing").style.display="none"; 

            document.getElementById("divLogin").style.display="none"; 

        } 

        function $(id)        

        { 

            return (document.getElementById) ? document.getElementById(id) : document.all[id] ; 

        } 

        function showFloat()                    //根据屏幕的大小显示两个层 

        { 

            var range = getRange(); 



            $('doing').style.width = range.width+ "px"; 

            $('doing').style.height = range.height+ "px"; 

            $('doing').style.display = "block"; 

            document.getElementById("divLogin").style.display=""; 

        } 

        function getRange()                      //得到屏幕的大小 

        { 

              var top    = document.documentElement.scrollTop; 

              var left    = document.documentElement.scrollLeft; 

              var height = document.documentElement.clientHeight;

              var width  = document.documentElement.clientWidth;



              return {top:top ,left:left ,height:height ,width:width } ; 

        } 

初始页面不能滚动，弹出层大小正好是一个屏幕。
但是点击其他按钮之后，页面大小改变了，可以滚动了。再弹出这个层怎样让他可以覆盖到整个页面？
现在只能覆盖到一个屏幕，鼠标滚动下来的页面覆盖不到。
------最佳解决方案--------------------
参见
http://dotnet.aspx.cc/a.htm
的源代码
------其他解决方案--------------------

<div style="position:absolute; top:0px; left:0px; right:0px; bottom:0px;"> 

</div

------其他解决方案--------------------

        <div id="doing"&n