Se vuoi applicare delle altezze percentuali agli elementi, devi impostare una height:100% al tag body (Altrimenti il browser non sa su cosa calcolare la percentuale).
Detto in soldoni, il tuo CSS dovrà contenere la regola:
codice:
<style type="text/css">
html,body{
    height:100%;
}
</style>