Hello everyone,

I'm teach myself CSS and i've hand coded myself a little website to get started with using everything i've learnt, everything is exactly where I want it to be, for now, however, I have no idea how to make the background colour and the left border of the content box go all the way down so it meets the footer at the bottom.

The site is at spiderbb dot com.

My CSS code is:

Code CSS:
html, body {
	margin: 0;
	padding: 0;
}
 
body {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #87ceeb;
}
 
#pagecontainer {
	margin: auto;
	width: 900px;
}
 
#header {
	height: 150px;
	background: #b0c4de;
}
 
h1 {
	margin: 0;
	padding: 0;
}
 
#navigation {
	height: 25px;
	background: #b0c4de;
}
 
#navigation dl {
	margin: 0;
	padding: 0;
}
 
#navigation dt {
	float: left;
	padding: 3px 12px;
	font-size: 14px;
}
 
#navigation a {
	color: #FFFFFF;
	text-decoration: none;
}
 
#navigation a:hover {
	text-decoration: underline;
}
 
#sidebar {
	float: right;
	width: 150px;
	border-left: solid #b0c4de 1px;
	border-right: solid #b0c4de 1px;
	background-color: #add8e6;
}
 
#sidebar .padding {
	padding: 25px;
}
 
#sidebar p {
	margin: 0;
	padding: 0;
}
 
#content {
	margin-right: 150px;
	border-left: solid #b0c4de 1px;
	background-color: #add8e6;
}
 
#content .padding {
	padding: 25px;
}
 
#content p {
	margin: 0;
	padding: 0;
}
 
#footer  {
	height : 75px;
	background : #b0c4de;
	clear: both;
}

I must admit I haven't searched, but if I'm honest I've no idea what to search for, also, if there's any improvements to the code I could make please let me know, it would be appreciated.

Cheers.