klickme: div-box dynamisch an höhe des browserfensters anpassen

Beitrag lesen

gibt es eine möglichkeit, eine div-box zu zu formatieren, dass sich ihre höhe an das browserfenster anpasst?

mein test sieht so aus, funktioniert aber leider nicht wie gewünscht...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="de">

<head>

<meta http-equiv="Content-Language" content="de" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

<style type="text/css" media="screen"><!--
#box          { background-color: #eee; margin: auto; width: 800px; height: 100% }
--></style>
</head>

<body >
<div id="box">
 test
</div>
</body>

</html>

kann mir jemand bitte einen tipp geben?