弹出层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" style="filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; 
 
            background-color: #000; width: 100%; height: 100%; z-index: 1000; position: absolute;
            left: 0; top: 0; display: none; overflow: hidden;">
        </div>

这是那个DIV
[其他解释]
jquery tabs就可以满足你的需求
[其他解释]
你的JS只获取了屏幕的大小，你因该获取的是body的大小吧
[其他解释]
$("#mydiv").css({'height':$("html").height(),'width': $("html").width()});
[其他解释]
我是在学习做弹出窗口，在窗口里面进行操作，比你又低了一个档次