Driving me nuts!

Hello all,

I’ve got an issue that is driving me nuts right now with my wordpress theme.

See here :
http://website.usefuldesign.co.uk/wordpress/

You’ll notice that on pages like the “about page” where the content makes the page shorter than the sidebar then the layout just looks wrong.

I’ve spent the best part of several hours trying to find a way to make the height of the sidebar and the content bit the same.

Here is the relevant code :

body {
background-color:#000017;
font-family:Verdana, Geneva, sans-serif;
font-size:13.5px;
}

#maincontainer {
margin:20px auto;
width:950px;
height:auto;
background-color:#FFF;
}

/* LEFT Container Structure (sidebar, menu) */
#leftcontainer {
width:200px;
float:left;
}

/* RIGHT Container stuff (logo and mainpage) */
#rightcontainer {
width:748px;
height:auto;
float:right;
}

The maincontainer div holds both the left and right.

Any help is immensley appreciated!

Thanks,
Stephen