Placere div i bunden af en div

Det drejer sig om min side www.advancedweb.dk.. menuerne ude i venstre side...

Jeg skal have div'en med id="bottom" til at blive placeret i bunden af den div der "omgrænser" #bottom og #top

Er det muligt med div?.. altså ligesom når man en siden skriver:

<css>

#bottom {
position: absolute:
bottom: 0px;
}

</css>

Dette er et lille udsnit af koden.. du kan se resten på www.advancedweb.dk

<div style="width: 15px; height: 100%; float: left;">
<div id="top" style="width: 100%; height: 10px; background: url('/style/menuleft-top.png');"></div>
<div id="bottom" style="width: 100%; height: 10px; background: url('/style/menuleft-bottom.png');"></div>
</div>

På forhånd tak :D