Problem med height på css opbygget side

Hej

Jeg er ved at opbygge en side i css.
Problemet er at jeg gerne vil have selve tekst området til at fylde hele skærmen dvs 100% eller et specifikt antal pixel.

Jeg har tidligere brugt min-heigt men denne gør at indholdet ryger ud over i firefox og andre, istedet har jeg så forsøgt at sætte højden til 100% men så følger den længden af teksten.

Jeg skal derfor finde en løsning som gør at siden bliver 100% i højden.

Jeg vedhæfter koden herunder

<style>

#body {
	background-color:#8d8c8c;
background-image: url(system/baggrund.gif); 
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
height:100%;

min-height: 500px;

	
}

#DWMain  {
	background-color:#ffffff;
	left:50%;
	position:absolute;
	margin:0px 0 0px -486px;	
	valign:center;
	text-align:left;
	width:976px;
	color:#FFFFFF;
min-height: 500px;


}




#top {
	width:970px;
	height:140px;
}

#topmenu {
	width:970px;
	height:31px;
	
}

#DwContentCell {
	width:977px;
border: 1px solid #000000;
padding-bottom:10px;

margin:0px 0 0px;


}



#DwTopGraphic {
	width:975px;


}

</style>


<script type="text/javascript">
TopPosCorrection = 20;
</script>



<div></div>
<div id=DWMain>
<div><!--@DwTopGraphic--></div>
	<div id=DwTopGraphic><div id="top"><!--@DwTopLogo--></div>
	<div id=topmenu><!--@DwTopMenu--></div></div>
	<div id=DwContentCell style="overflow:visible;">
							<table cellpadding=0 cellspacing=0 border=0 width=<!--@DwContentWidth-->>
								<!--@DwContent-->
								<tr>
									<td><img src="Files/Nothing.gif" height=1 alt="" width=<!--@DwLeftMargin-->></td>
									<td><img src="Files/Nothing.gif" height=1 alt="" width=<!--@DwColoumnWidth-->></td>
									<td><img src="Files/Nothing.gif" height=1 alt="" width=<!--@DwColoumnSpace-->></td>
									<td><img src="Files/Nothing.gif" height=1 alt="" width=<!--@DwColoumnWidth-->></td>
									<td><img src="Files/Nothing.gif" height=1 alt="" width=<!--@DwColoumnSpace-->></td>
									<td><img src="Files/Nothing.gif" height=1 alt="" width=<!--@DwColoumnWidth-->></td>
									<td><img src="Files/Nothing.gif" height=1 alt="" width=<!--@DwColoumnSpace-->></td>
									<td><img src="Files/Nothing.gif" height=1 alt="" width=<!--@DwColoumnWidth-->></td>
									<td><img src="Files/Nothing.gif" height=1 alt="" width=<!--@DwColoumnSpace-->></td>
									<td><img src="Files/Nothing.gif" height=1 alt="" width=<!--@DwColoumnWidth-->></td>
									<td><img src="Files/Nothing.gif" height=1 alt="" width=<!--@DwColoumnSpace-->></td>
									<td><img src="Files/Nothing.gif" height=1 alt="" width=<!--@DwColoumnWidth-->></td>

								</tr>

					</table>

	</div>