längst ner i webläsaren

hur får man ett objekt tex en tabell att ligga längst ner i den synliga delen av webbläsaren alltså ovanför statusraden...

att skriva så här i css gick ju inte alls så bra...

.blue { background-color: navy; position:absolute; left:0; bottom:0; height:10; }

Typ:

<div id="foo" style="position:absolute;left:0px;height:20px;">...innehåll...</div>

<script language="JavaScript" type="text/javascript">
var obj=document.getElementById('foo');
obj.style.top=(document.all)?document.body.clientHeight-parseInt(obj.style.height):window.innerHeight-parseInt(obj.style.height);
</script>