How do I use CSS to grow my left div 100% so it fills the space

Put this code in your CSS. Then give the leftColumn the class named clearfix. Maybe you have to assign that class to the wrapper too, not sure how you've coded the site. But I'm assuming the bg image with the left shade and such is a background that repeats in the leftColumn div, so it should work. If not lemme know.

/* Clearfix style - START - Forces Firefox to expand divs when content is bigger than initial height. Must be applied as a class to the divs needing it */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Clearfix style - END */

Select allOpen in new window

not working... is it because there are already styles on the div

this is the style

they are all here

http://www.1aardvark.co.uk/clients/crookedinn/styles/stylesheet.css

#leftcolumn {
 border: 1px solid #ccc;
 width: 219px;
 float: left;
 background-image: url(../img/navBarBack.gif);
 background-repeat: repeat-y;
}

great idea.. thanks