[Neofita] Ingrandire un DIV a tutto pagina

[Reflection]

Salve a tutti! Mi sono incimentato da poco nel mondo dell'XHTML. Dopo tanto HTML mi era garbata l'idea di validare il codice con i validatori del consorzio W3 ovviamente prima doveva far pratica con XHTML.

Ieri ho fatto qualcosina, ma non sono riuscito ad ingrandire un DIV a tutto pagina. Questo è il codice:

#maintable {
    height: 100%;
    width: 100%;
    float:none;
    background-color: #0000FF;
}

<div id="maintable">
    Ciao a tutti!
</div>

Solo che l'attributo height non viene preso in considerazione, e mi fa il DIV solo su una riga con larghezza 100%. Come si fa?

[carp]

html,body{height:100%}

[Reflection]

Curiosità: perché bisogna settare l'height nel tag body e html?

[carp]

perché l'altezza in percentuale di un div è sempre riferita al tag parent, in questo caso body, che a sua volta ha come parent html