Få en DIV sist på sidan eller längst ner i fönstret beroende på mängden innehåll

Hej!

Har en bunke DIVs som hela min sida bygger på. De flesta DIVs är relative så de kommer hela tiden efter varandra.
Han en DIV som alltid kommer sist på sidan, längst ner under alla andra DIVs. Mitt problem är dock att om ovanförliggande DIV inte innehåller så mycket text så vill jag ha sista DIVen längst ner i webbläsaren, och inte 20px under ovanförliggande DIV som det ska vara i alla andra fall.

På den här sidan ser ni hur det fungerar när ovanförliggande DIV har mycket text i sig:
https://www.endgame.se/page/news.php

På den här sidan ser ni hur det blir om ovanförliggande DIV inte har så mycket text i sig:
https://www.endgame.se/page/book.php

Som ni ser i sista exemplet så blir det en glipa mellan sista DIVen och webbläsarens kant, samt att hela loggan inte syns till vänster eftersom sista DIVen hamnar för långt upp. Någon som har någon kreativ idé på hur man löser detta?

Mvh

Tackar!

Ser dock mongo ut i IE 9 och IE 10 också... (hatar IE, varför kan de inte följa samma standard som alla andra?!)
Funkar fint i Chrome och FF, men i IE lägger sig alltid bottom DIV längst ner på skärmen, oberoende av hur mycket text det finns.

Så här ser koden ut (container innehåller alla andra DIVs och bildar själv sidan. bottom DIV ligger utanför containern):

html{
    position: relative;
    min-height: 100%;
}
body{
	margin-top: 0px;
	margin-bottom: 200px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #D4D2D2;
	background-image: url(../image/background.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#container{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 1110px;
	height: *;
	z-index: 2;
}
#bottom{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 180px;
	background-color: #000000;
	border-top: thin solid #B0B0B0;
	z-index: 2;
}

Har bytt ut samtliga height: *; mot height: auto; samt kollat igenom så jag inte missat att stänga något eller fått in något knasigt tecken någonstans, men allt ser OK ut. Ser dock lika trasigt ut i IE.

Finns det inte någon speciell kod man måste knacka in för att IE ska fatta? Har Googlat lite och verkar som att min-height inte existerat i IE-världen över huvud taget :/

Har ändrat detta nu. Tack!

Nja detta blev inte helt rätt. I FF visas inte hela menyn längst upp, och bottom DIV visas ganska mycket längre ner. I IE visas menyn längst upp korrekt, och även här visas bottom DIV långt ner.

Korrekt, men den visas 300 pixlar under "sidans slut" istället för 20 pixlar under.
Är väl i sig inget problem att fixa till, men faktum kvarstår att menyn längst upp försvinner delvis när jag kör med overflow: hidden;