xtrasmal/sticky-footer.css

## sticky-footer.css
* {margin:0;padding:0;}
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {overflow:auto;padding-bottom: 180px;}
#footer {position: relative;margin-top: -180px;	height: 180px;clear:both;}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

## sticky-footer.html
<html>
<head>
<title>Sticky footer</title>
<!--[if !IE 7]>
  <style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

</head>

<body>
This is the HTML structure.

<div id="wrap">

	<div id="main">

	</div>

</div>

<div id="footer">

</div>
</body>
</html>