Problems with 3 col layout.

OK. Did some poking around at these sites ya’ll listed. Found one ([url]www.csscreator.com[/url]) that produced the code I’m currently using. It works as far as resizing goes but the 3 columns don’t extend down the total height of the page.

Could someone look at this and see if they can see the problem? ([url]www.cooltoneamps.com[/url])

Thanks,
Rut

css code:

html,body{
margin:0;
padding:0;
}

#pagewidth {
background-color: #900000;
max-width:80;
min_width:40;
}

#header {
background-color: #900000;
position: relative;
height: 11em;
width: 100%;
}

#leftcol {
background-color: #900000;
float: left;
position: relative;
height: 100%;
}

#twocols {
float: right;
position: relative;
width: 85%;
}

#rightcol {
background-color: #900000;
float: right;
position: relative;
width: 18%;
}
#maincol {
float: left;

display::inline;
position: relative;
width: 82%;
background-color: #FFFFFF;
background-image: url(churchbuilding.jpg);
}

.clearfix:after {
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-table;}

/* Hides from ID-mac */
* html .clearfix{height: 1%;}
.clearfix{display: block;}

#leftcol{display:none;}

Also in #CSS _↴