如何设置DIV高度为浏览器大小百分比，并使用overflow
如题。
页面上有一个div，能自动根据浏览器大小，自动适应为浏览器高度的80%，并应用overflow，因为div里的内容足够长。

我这样设置：

HTML code

<div style="width:100%;heigh:100%;">

    <div style="overflow:auto;heigh:80%;">
       ///长内容
    </div>

</div>

调试后，发现IE可以，谷歌和火狐都不能实现overflow，但如果把heigh:80%;改成固定像数，如800px;谷歌和火狐又可以实现overflow，但不能随浏览器自动调整DIV高度。求大侠帮忙！

------解决方案--------------------
用js来动态赋值吧。
------解决方案--------------------
第一个div的高度百分比height:100%; 应该需要去掉你页面顶上的w3c声明，这样你试试

------解决方案--------------------
自适应？
<script>
window.onresize=function()
{
var bH=document.documentElement.scrollHeight;
var bW=document.documentElement.offsetWidth;
$("#fullbg").css({top:0,left:0,width:bW,height:bH,display:"block"});
}
</sript>