footer position

i can’t get my footer to stay at the bottom of the screen, as the page grows, it wants to sit under the bottom of my sidebar. http://www.completept.com.au/blog the css is:

html, body {
	height:100%;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	color:#FFF;
	z-index:2000
}

#footer {
	/* position:relative;
	clear:both;
	margin-left:250px;
	padding-top:20px;
	width:800px;
	bottom:0px; */
	clear:both;
	position:relative;
	bottom:0px;
	float:left;
	width:100%;
	border-top:1px solid #000;
}

please help me out.

Thanks