div height 100%

Jag vill att min div ska vara 100% height. Med hjälp av tabeller är det ju enkelt, men med div får jag det inte att funka riktigt bra.

Jag vill alltså att min "container" blir 100% height. Med nuvarande kod så funkar det i Internet Explorer men vill att de ska funka i alla läsare. Hur ska jag göra?

CSSkoden:

#container{
        background-image: url("../images/bg_main.jpg");
	background-color: #E0E0E0;
	margin: 0 auto;
	text-align: left;
	width: 728px;
	height: 100%;
}
#topheader{
	width: 728px;
	height: 76px;
}
#logo{
	background-image: url("../images/logo.jpg");
	background-repeat: repeat-y;
	width: 728px;
	height: 185px;
	margin: 0;
	float: left;	
}

HTML koden:

<div id="container">
    <div id="topheader"> </div>		 
    <div id="logo"> </div>
</div>

Tack för hjälpen!

Hoppas jag förstår dig rätt

lägg till:

body {
	margin: 0px;
	padding: 0px;
        width: 100%;
	height: 100%;
}

Tack SannyW , men de var inte de som fixade problemet. Jag behöll hela koden (se ovan). Det ända jag ändrade var att jag skrev till "html" i body taggen i css:en och då funkade 100% height i alla läsare =)

html, body{
        background: #525252;
	margin: 0;
	padding: 0;
	height: 100%;
 	font-family: "Arial", Helvetica, sans-serif;
	font-size: 95%;
	color: #000000;
}

Bra att det löste sig, glöm inte att acceptera slutgiltliga svar uppe till höger när en tråd är löst.