[Resolvido] Lateral não segue o tamanho do conteúdo.

Olá pessoal.

To criando uma página que se adequará ao monitor ou resolução do usuário.

Esta adequação é lateral. O comprimento fica independente.

Então criei uma página definindo o BODY, o HTML com height:100%;

Criei as DIV's LateralEsquerda, LateralDireita e a div Centro.

As DIV's lateralEsquerda e LateralDireita estão definidas como height:100%; para que aconpanhem o tamanho do conteúdo.

Já a DIV conteúdo esta com height:auto; e min-height:100%;.

O conteúdo é gerado por um PHP que faz uma busca no DB e retorna os valores, tornando assim a quantidade de produtos que serão exibidos aleatória.

Ai que esta o problema, o PHP faz a busca e retorna os valores em DIV's que estão com o float:left; ou seja elas vão se adequar à resolução do usuário, porém as laterais não reconhecem as DIV's que são exibidas na segunda linha.

Se eu defino a DIV que traz o produto com height:250px; as laterais ficam com height:250px;, porém se o resultado retornar div's abaixo umas das outras as laterais não aumentam o tamanho e ficam fixadas em height:250px;.

<!-- estilo CSS -->
html {height: 100%;}
body {min-height: 100%;}
* html body {height: 100%;}

#LateralEsquerda{
height:100%;
float:left;
}
#LateralDireita{
height:right;
}
#Conteudo{
min-height:100%;
height:auto;
float:left;
}

<!-- Fim do estilo CSS -->
<!-- posicionamento das DIV's -->
<div id="LateralEsquerda">
Texto da lateral esquerda.

</div>
<div id="LateralDireita">

Texto da lateral direita.

</div>
<div id="Conteudo">

Conteúdo retornado pelo PHP dentro de DIV's.
<div style="height:250px; width:30%; float:left;">
Aqu dentro aparece o conteúdo. Por a DIV estar definida com width:30%; após 3 DIV's elas continuarão abaixo.

</div>
</div>

É isso ai que ta me incomedando.

Fico no aguardo.

Vlw aew galera.