CSS Classic case Two-column layout left-fixed right adaptive height-adaptive

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< meta HTTP-EQUIV = "Content-type" Content = "text/html; charset=gb2312 "/>
< title > Two column height adaptive </title >
< style type = "Text/css" >
<!--
* {margin:0; padding:0;}
#top {background: #dcdcdc; height:30px;}
#main {Overflow:hidden;}
. sidebar {float:left; width:150px; background: #ff0000;}
. Content {background: #333333; overflow:hidden; _float:left;/* Compatible with IE6 */}
. Row {margin-bottom: -10000px; padding-bottom:10000px;/* Internal patch is key */}
#footer {clear:both; height:30px; background: #0000ff;}
-
</Style >
< BODY >
< div id = "container" >

< div id = "top" ></div >

< div id = "main" >

< div class = "sidebar Row" >
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>
I'm on the left < br/>

</div >

< div class = "Content Row" >
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>
I am in the text < br/>

< SPAN style = "float:right; font-size:0; position:relative; "> &nbsp; </span > <!--for the evil IE6--

</div >

</div >

< div id = "Footer" ></div >

</div >
</Body >
</HTML >