[xxvatarxx]

I have this style sheet

Code:

/* Layout Stylesheet */ 
body{
 margin: 0;
 padding:0; 
 background:#2c2c2c;
 color: #333333;
 }	 
	 
#lh-col{
 position:absolute;
 top:200px;
 left:0;
 width:140px;
 z-index:3;
 background:#2c2c2c;
 color: #c0c0c0;
 border: solid #ffffff;
 border-width:0px;
 }

#rh-col{
 position:absolute;
 top:200px;
 right:0;
 width:140px;
 z-index:2;
 background:#2c2c2c;
 color: #c0c0c0;
 border: solid #ffffff;
 border-width:0px;}

#c-block {
 width:100%;
 z-index:1;
 background:#2c2c2c;
 color: #333333;
 height:80%;}

#hdr{
 height:200px; 
 border-bottom:0px lined #ffffff; 
 width:100%; 
 background:#2c2c2c;
 color: #c0c0c0; 
 margin:0;
 border: solid #ffffff;
 border-width:0 0 0 0px;
  }

#c-col{
 margin:0 142px 0 142px;
 position:relative;
 background:#2c2c2c;
 color: #c0c0c0;
 z-index:5;
 border: dotted #ffffff;
 border-width:0 0 0 0px;
 }

#ftr {
 width:100%;
 height:35px;
 border: solid #000000; 
 border-width:1px 0;
 background:#2c2c2c;
 color: #c0c0c0;
 margin:0;
 }

the #ftr is the footer, yet it appears below the page content, so if the menu is longer than the page it won't appear at the bottom. How can i get it so it will always appear at the bottom, no matter if the content or the menu is the longest?

Any help would be greatly appreciated

[Brandon@Cstone]

Here is my footer on one of my pages. I can't seem to find the URL of the original hack, if I find it I'll post it, as it explains it better than I could.

Code:

/* Footer Section */
.footerDiv {
	clear: both;  
	bottom: 0; 
	left: 0;
	width: 100%;
	background: #E9E9E9;
	padding: 10px 0px 10px 0px;
	font-size: 80%;
	text-align: center;
}

/* MOVE .footerDiv TO BOTTOM HACK: hide from Mac IE5 */
/* \*/
.footerDiv {
	position: absolute;
}
/* */
/* MOVE .footerDiv TO BOTTOM HACK: Change in Opera 5+ (and some others) */
html>body div.footerDiv {
    position: static;
}
/* MOVE .footerDiv TO BOTTOM HACK: Change back in everything except Opera 5 and 6, still hiding from Mac IE5 */
/* \*/
head:first-child+body div.footerDiv {
    position: absolute;
}
/* */