Tableless CSS layout

Jeg er ved at lære at lave tableless layout, men der er en stil jeg ikke kan få til at makke ret.

http://www.criion.net/ kan I se min boksmodel pt.

Rød: div(#frame) lige efter body
Båd,Grøn: divs(#top, #midt, #bund) i #frame
Sort: divs(#indhold, #menu) i #midt

Det jeg vil opnå er at #frame + indhold fylder 100% af højden, så jeg kan bruge en iframe til indholdet.

Jeg har fået #frame til at fylde 100%, men når jeg så prøver at få #bund til at være i bunden, uanset om #indhold har indhold eller ej, ved at sætte #midt til 100%, bliver den 100% af #frame i stedet for at bare fylde resten ud og dermed skubbe #bund ned.

Så hvordan får jeg #bund til at ligge i bunden af skærmen hele tiden?

Mit CSS kan ses via kildekoden. Jeg ved godt der er mange ikke-udfyldte CSS tags, men det er kun en skabelon, så de forsvinder som layoutet kommer længere frem. Jeg bruger FF(firefox) til at udvikle i, så kom venligst kun med løsninger der virker i FF, da jeg laver et helt andet CSS layout til IE.

På forhånd mange tak :)