2-минутный вопрос - HTML / CSS, Если отделение в отделении расширяется, разворачивает родительское отделение

У меня есть установка, позволяет, говорят как, следует:

<div id="nav">
   <div id="innernav">
      //With dynamic content here.
   </div>
</div>

Я запускаю скрипт что размеры #nav к размеру окна браузера в высоте. Но иногда мой динамический контент теперь становится больше, чем высота окна.. Существует ли способ, которым я могу осуществить это, когда #innernav превышает #nav, который #nav увеличит в размере?

Замеченный, поскольку кто-то попросил сценарий:

    function resizeWindow(){var a=getWindowHeight();document.getElementById("content").style.height=(a-0)+"px";document.getElementById("nav").style.height=(a-0)+"px";document.getElementById("contentPanel").style.height=(a-10)+"px"}function getWindowHeight(){var a=0;if(typeof(window.innerHeight)=="number"){a=window.innerHeight}else{if(document.documentElement&&document.documentElement.clientHeight){a=document.documentElement.clientHeight}else{if(document.body&&document.body.clientHeight){a=document.body.clientHeight}}}return a};

Измененный сценарий для обращения к минимальной высоте работает отлично в FireFox. Но не IE или Chrome.

CSS:

body {
margin: 0px;
text-align: left;
font-family: Verdana;
font-size: 11px;
background-color: #FFFFFF;
min-width: 980px;
min-height: 10px;
background-image: url('../Images/watermark.png');
background-position: 100% 100%;
background-repeat: no-repeat;
}


.nav {
width: 19%;
margin: 0px 0px 0px 0px;
background-color: #E0EFFF;
float: left;
vertical-align: bottom;
position: relative;       
}

некоторые незначительные изменения к моему сценарию / использование минимальной высоты, кажется, работают. И после выполнения вида IE CCLEAN делает то, что я хотел.