Hi there,
I'm currently working on a new website, and cant find a working solution to my CSS problem.
I have a 3 column design, and want them to go to the end of the page, even if there is not enough content.

Here is my CSS:

* { padding: 0; margin: 0; }

a:link {color: #ffffff; text-decoration: none; font-weight: bold; }
a:active {color: #ffffff; text-decoration: none; font-weight: bold; }
a:visited {color: #ffffff; text-decoration: none; font-weight: bold; }
a:hover {color: #ffffff; text-decoration: none; font-weight: bold; }

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

p {
padding: 6px;
}

#wrapper {
margin: 0 auto;
width: 1225px;
border-style:solid;
border-width:1px;
}

#content {
float: left;
color: #333;
width: 655px;
display: inline;
background: url("../img/sitebg.jpg");
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top;
background-color: rgb(x,y,z);
}


#header {
position: relative;
color: #333;
width: 1225px;
float: left;
height: 227px;
background-image:url('../img/head.jpg');
}

#footer {
width: 1225px;
height: 25px;
clear: both;
color: #fff;
background: #00455f;
text-align: center;
}


#navigation {
float: left;
width: 1225px;
height: 34px;
color: #333;
background-image:url('../img/menubg.jpg');
}

#leftcolumn {
color: #333;
width: 285px;
float: left;
background: url("../img/sitebg.jpg");
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top;
background-color: rgb(x,y,z);
}

#boxleft {
margin: 13px 0 13px 13px;
width: 260px;
border-style:solid;
border-width:1px;
border-color: #fff;
background-color: #2b3943;
}

#boxleftdiv {
margin: 10px 10px 10px 10px;
color: #fff;
}
#boxleftdiv h1{
font-style: italic;
}

#boxcenter {
margin: 13px 0 13px 4px;
width: 645px;
border-style:solid;
border-width:1px;
border-color: #fff;
background: url("../img/boxbg.jpg");
background-repeat: repeat-x;
background-position: top;
background-color: rgb(x,y,z);
}

#boxcenterdiv {
margin: 6px 10px 10px 10px;
color: #fff;
}
#boxcenterdiv h1{
font-style: italic;
}


#boxright {
float:right;
margin: 13px 13px 13px 0;
width: 260px;
border-style:solid;
border-width:1px;
border-color: #fff;
background-color: #2b3943;
}

#boxright p{
margin: 6px 10px 10px 10px;
color: #fff;
}

#rightcolumn {
width: 285px;
height: 300px;
float: left;
background: url("../img/sitebg.jpg");
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top;
background-color: rgb(x,y,z);
}


#menu {
margin-top: 2px;
margin-left:20px;
}

Read the stickied thread at the top of this particular board.

Specifically this one.

Let us know if you have further problems, and post a link to the problem page, preferably.

tim