Footer queda en el medio

[mktalternativa]

Hola hace rato que estoy luchando con este codigo el footer siempre me queda en el medio alguien me puede orientar

Código:

	<div id="content"> 



                 <div id="sidebar">

                     sidebar

                   </div>


                 <div id="main">
       
                 contenido 

                 </div>

</div>

<div id="footer">
</div>

css

Código:

#content{
	width:960px;
	height:auto;
	
position:relative;
	top:385px;
	left:50%;

	margin-left:-480px;
	background-image:url(imagenes/brillo-contenido.png);
	background-repeat:repeat-y;
}



#main{
	width:696px;
	height:auto;
	position:relative;
	margin-top:45px;
	left:0px;
	float:left;
	background-color:#fff;
	border:#CCC solid 1px;
}




#sidebar{
	width:250px;
	height:300px;
	position:absolute;
	top:45px;
	left:710px;
	background-color:#FFF;
}


#footer{
	width:100%;
	height:175px;
	position:relative;
	bottom:1%;
	
clear:both;

	margin-top: 20px;
	background-color:#1D1D32;
}