få en div til at dække ned til bunden af siden

Jeg har lavet en menu med en div-komponent i en almindelig html-fil:

<div class="menu">
<a href="forside.html" class="menupunkt"><p class="menupunkt">Forside</p></a>
<a href="side1.html" class="menupunkt"><p class="menupunkt">Side 1</p></a>
<a href="side2.html" class="menupunkt"><p class="menupunkt">Side 2</p></a>
</div>

Div-komponenten ("menu") styres af en style(css)-fil. Følgende har jeg allerede indskrevet:

div.menu {
    text-align: center;
    border: 3px ridge white;
    background-color: #CC6600;
    margin-bottom: 500px;}

Jeg ønsker at komponenten (boksen) dækker ned til enden af siden (evt. med en bundmargin på måske 5 px eller lign.)
Hvordan gøres dette?