[Resolvido] Div 100% dentro de outra com 100%

Galera, estou tendo uma senhora dor de cabeça aqui...

estou montando um layout que possui uma tecnica css para manter o rodapé width: 100%; sempre no rodapé... até ai tudo bem... o problema é o seguinte...

dentro dessa div "pai" (palco) eu possuo outras 2, que são: header e conteudo.

Preciso fazer com que o conteudo fique com height: 100%, já tentei de várias formas que conheço e simplismente não consigo...

Será que alguem poderia dar uma luz?

CSS

html, body { height: 100%; background: #d9d9c3; }

#palco { height: 100%; background: url(../images/bg_palco.png) repeat-x top; }

body > #palco {

	height: auto;
	min-height: 100%;
}

hr { display: none; }

/ Clear Fix /
.clearfix:after {

	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/ Hides from IE-mac /
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/ Fim Clear Fix /

#header, #conteudo, #bottom div {

	width: 780px;
	margin: 0 auto;
	position: relative;
}

#header { padding: 0 20px; width: 740px; height: 143px; background: orange; }

#conteudo { padding: 0 20px 102px; width: 740px; background: white; }

#bottom { position: relative; clear: both; margin: -82px 0 0 0; height: 82px; background: brown; }
HTML

<div id="palco">
 <div id="header">
 </div>

 <hr />

 <div id="conteudo" class="clearfix">
 </div>
	</div>

	<hr />

	<div id="bottom">
	</div>

Exemplo com texto na div conteúdo: http://logmania.net/exemplo.html

Exemplo sem texto na div conteúdo: http://logmania.net/exemplo2.html

O site da tecnica é o seguinte: http://www.cssstickyfooter.com/