Pagina divisa orizzontalmente in due

[Toni85]

Salve come posso dividere orizzontalmente una pagina html esattamente a metà ed assegnare alle due parti due colori diversi?? Non mi va di usare le tabelle....(<table></table).
E' una domanda banalissima ma ci sto perdendo la testa da diverse ore.....
Anche un link concreto che spiega come farlo...

Grazie mille!!

[furbostandby]

HTML:

<div id="sinistro">contenuto</div>
<div id="destro">contenuto2</div>

CSS:

html,body,div{
margin:0;
padding:0;
}
div{
width:50%;
min-height:100%;
}
div#sinistro{
float:left;
background-color:red;
}
div#destro{
float:right;
background-color:blue;
}

Ciao