Height 100%

olá, queria saber se alguém pode me ajudar:

to fazendo um layout onde o div lateral < deve ocupar 100%, fiz, funciona certinho, reajustando a resolução da tela, tudo tudo, ele sempre pega 100%, porém, quando o div de conteúdo >> excedo o tamanho da tela, o menu não acompanha, alguem pode me ajudar ? css:

#top {
	background:#E33553;
	border-bottom:2px solid #AA273F;
	width:100%;
	height:57px;
}
#nav {
	background:none;
	width:240px;
	height:100%;
	float:left;
	position:absolute;
	margin-top:-59px;
}
#content {
	background:#DDD;
	width:auto;
	height:800px;
	margin-left:240px;
}

e o html:

<div id="top"></div>
<div id="nav"></div>
<div id="content">Conteudo</div>

ja achei vários posts, tanto aqui quanto em outros sites (inclui maujor) porém nenhum conseguiu solucionar, alguem poderia me ajudar ?

PS: uma "gambiarra" que eu armei, e funcionou é a seguinte:

$('#nav').height($(document).height());

porém, não queria arrumar isso na base da gambiarra, e outra, caso carregue algo dinamicamente na página e o div de conteudo aumente", o menu acaba nao acompanhando também e outra, quando redimensiona a tela, também não funciona

Ops, postei na área errada, é costume de postar aqui, hahah, se puderem mover agradeço.