Div如何实现页面 "100%"的宽度和高度？

Div怎么实现页面 "100%"的宽度和高度？？？
Div怎么实现页面 "100%"的宽度和高度？？？      

现在是这样的有一个页面，有两个“Div”。   

第一个Div是“100%”的高度和宽度，它的背景是纯色。 希望它可以随着屏幕的大小，全屏显示。

.tyeet_login
{ 
    height:100%;
    width:100%;
    background-color:#3c611a;
}


第二个Div是登录框的主窗体，背景是一个图片。希望它可以在第一个层中水平居中和垂直居中显示。

.tyeet_login_mindle
{
    background:url(image/login.gif);
    width:800px;
    height:600px;
}


HTML：
<div class="tyeet_login">
              <div class="tyeet_login_mindle"></div>
 </div>



问题： 
         第一个层不会全屏显示。

         第二个层也不会垂直居中显示，水平居中显示。

        这是为什么？？？    怎么样设置层的样式才能达到这个效果。

------解决方案--------------------
.tyeet_login
{ 
 postion：绝对定位;
    height:100%;
    width:100%;
    background-color:#3c611a;
}
------解决方案--------------------
第一个Div直接用body就可以设置了，
.tyeet_login_mindle
{
    background:url(image/login.gif);
    width:800px;
    height:600px;
    position:absolute;
    top:25%;
    left:25%;
}
绝对定位就OK啦
------解决方案--------------------
一般只能用js来设置
------解决方案--------------------
前排帮顶！！要用js的事件吧