Ayuda para estirar una columna

[fgmunoz]

Hola! Estoy rediseñando un sitio web y me ha surgido un problema.

Lo primero de todo, he partido de una plantilla de Layout Gala, la cual tiene el div de contenido antes que el del menú de navegación para mejorar el posicionamiento. El problema que tengo es que no consigo estirar la columna de navegación hasta el 100%.

He probado a meter ambos div en un wrapper, y asignar a body, html, wrapper, contenido e izq height 100% pero no consigo que funcione. He probado también a seguir las indicaciones de http://metalize.liveonstyle.com/2007/08/13/columnas-100-altas/ y no hay manera.

¿Alguien puede echarme una mano?

Código HTML:

div#header {height:84px;line-height:80px;margin:0;
  padding-left:0px;background: #EEE;color: #79B30B;
  background-image:url('lineaHoriz.jpg');
  }

div#content { padding-left: 20px; }

div#navigation{background:#FFD990;
	background-image: url('degradado.jpg');
	background-repeat: repeat-y;
	background-position: top right;

}

div#footer{
		background: #FFD990;color: #000;
		background-image:url('lineaHorizAbajo.jpg');
		padding-top:5px;
}

div#footer p{margin:0; height: 19px;}

div#wrapper{top: -3px; float:right;width:100%;margin-left:-200px}

div#content{margin-left:194px}

div#navigation{float:left;width:194px}

div#footer{clear:both;width:100%}

Código HTML:

<div id="container">
<div id="header"></div>
 <div id="wrapper">
  <div id="content">
  </div>
 </div>
<div id="navigation"></div>
<div id="footer"></div>
</div> 

[fgmunoz]

Hola. Escribo para comentar que lo he solucionado con el siguiente código:

Código:

body, html, #wrapper, #navigation, #container, #content {
		height: 100%;
}

Aunque ahora tengo otro problema: cuando llego a una cierta cantidad de texto en #content, éste se sale del diseño. ¿Alguna idea?