[wweb]

Olá galera! Começo a usar CSS agora, por favor me ajudem!

Dividi o layout na minha página assim:
div global p/ manter a página ocupando 100% de largura e altura para a resolução de qualquer monitor, depois uma div a esquerda para o menu, uma a direita para o conteúdo variavel da página, e duas divs para o topo e o rodapé.

Eis o problema: Não consigo manter height da minha página a 100% e a minha div "conteúdo" que deve ficar alinhada a direita, esta sobrepondo (cobrindo parcialmente) a div esquerda, isso quando minimizo a janela
É o seguinte, uso o seguinte CSS;

body{ text-decoration: none; margin: 0; padding: 0; list-style: none; vertical-align:middle; border: none; height:100%;}

#global{ margin: 0 auto; width: 80%; height:100%; text-align:left; margin-left:auto; margin-right:auto; border-right-style: groove; border-left-style: groove; }


#topo{ width: 100%; height:130px; text-align:center; }


#esquerda{ float: left; width: 30%; text-align:left; height: 400px;}


#conteudo{ float:right; width: 70%; height: 400px; }

#rodape{ width:100%; height:70px; clear: both}


Só para constar, desenvolvo em Asp.Net. Mas acredito que em relaçao ao CSS isso não interfere.
Coloquei as tags html e body com height: 100 % direto na página

Se alguém puder me ajudar! Eu agradeço...

Abraços