[Resolvido] Layout Liquido

Eu criei 4 Divs...

DIV #ALL

--- DIV #CONTEUDO

--- --- DIV #LEFT

--- --- DIV #CENTER

--- --- DIV #RIGHT

--- DIV #FOOTER

Acima é uma hierarquia que eu fiz.

Daí eu fiz o seguinte CSS pra elas:

#ALL{
width:100%;
min-height:100%;
position:relative;
padding:0px;
margin:0px;
}

* html #ALL{

 height: 100%;
}

#CONTEUDO{
 width:100%;
 height:auto;
}

#LEFT{
 float:left;
 width:15%;
 height:auto;
}
#CENTER{
 width:70%;
 margin:auto;
 float:left;
 height:auto;
}
#RIGHT{
 float:left;
 width:15%;
 height:auto;
}

#FOOTER{
 width:100%;
 line-height:35px;
 text-align:center;
 bottom:0px;

}

Mas eu queria que as DIVS #LEFT, #CENTER e #RIGHT fossem até a DIV #FOOTER que é o rodapé.

Mas como deixei height:auto, elas não vão. Mas também não posso determinar um tamanho fixo pra elas.

Daí o que eu pensei, eu coloco a cor das Divs laterais de cinza por exemplo e também faço isso pra DIV #CONTEUDO.

Dae fica cinza até lá embaixo, parecendo que as DIVS colaterais foram até o rodapé.

Dae a Div do Meio eu coloco o fundo Branco.

Mas não deu certo.

A Div CONTEUDO, quando olho no Dreamweaver vai até lá embaixo, mas na página não vai.

Dae as DIVS Laterais ficam com o tamanho automático.

\=

Como que faz isso ?