Basically I'm trying to fix my footer at the bottom of the page and make the side bar extend all the way down to the footer.

What I have so far can be seen at:

I've been tweaking my code for hours to find a solution to this, and I'm just learning and I finally decided to join this forum.

CSS Code:
body {
	background-color: grey; 
	color: #FFF; 	
#container {
	position: relative;
	width: 1000px; 
	margin: 0 auto; 	
#header {
	border-bottom: 1px solid white; 
#header ul {
	list-style-type: none;
	word-spacing: 5px; 	 	
#header li {
	display: inline; 
	font-weight: bold;   	
#header a {
	color: #FFF; 	
#content {
	width: 700px; 
	float: left; 
#sidebar {
	background-color: orange; ;  
	width: 299px; 
	margin: 5px 0px 0px 0px; 
	float: left; 
	border-left: 1px solid white; 
#footer {
	border-top: 1px solid white; 
	clear: both; 
h1, h2, h3, h4, h5, h6 {
	color: orange; 	
Much appreciated,