CSS problema com alinhamento de página

Question

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;
}


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