CSS: Sticky Footer

gistfile1.css

html, body {
	height: 100%;
}

#container {
	min-height: 100%;
}

#main {
	overflow: auto;
	padding-bottom: 150px; /* must be same height as the footer */
}

#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear: both;
}

/*Opera Fix*/
body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}