[Resolvido] problema com altura de coluna/conteudo

Então, na minha página, se o menu lateral tem mais linhas que o conteúdo ou vice-versa, fica um espaço em branco entre o menor e o rodapé... como eu poderia fazer ele ser preenchido??

e a outra dúvida é: tem como eu fazer o layout ser preenchido totalmente caso o conteúdo e o menu não preencherem??

tipo, fazer com que o rodapé fique sempre na parte de baixo do navegador...

o meu css é:

html, body{

 margin:0;
 padding:0;
 text-align:center;
 font-family: Trebuchet MS, Verdana;
 font-size: 13px;
 color: white;
}

#pagewidth{
 width:715px;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
}

#header{
 position:relative;
 height:93px;
 background-color:#222222;
 width:100%;
}

#faixa{
 height: 9px;
 background-color: #930000;
}

#leftcol{
 width:25%;
 float:left;
 position:relative;
 background-color:#777777;
 }

#maincol{
 background-color: #1F1F1F;
 float: right;
 display:inline;
 position: relative;
 width:75%;
 }

#footer{
 height:30px;
 background-color:#910000;
 clear:both;
 }

 /* *** Float containers fix:
 [http://www.csscreator.com/attributes/containedfloat.php](http://www.csscreator.com/attributes/containedfloat.php) *** */

.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;}
/ End hide from IE-mac /

/printer styles/
@media print{
/hide the left column when printing/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}
abraços