About CSS layout

[notfair]

I using this CSS Layout which i found here: http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-31-fixed-fixed-fixed/

i using the 3 column template(fixed) template in the CSS Layouts. When the "content" increasing, the footer still in the same position, it never move down, how to solve it? Only the sidebar increase(in height) the footer only will move down.

this is my site
http://modx.testingfigure.com/modx/

thank you.

[boogyman]

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}


change to



#footer{
clear: both;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}


and that should allow it to push down when either content is longer than the other

[notfair]

i have change the "left" to "both:", but it still have the same problem ...
the left column and the right column only will push footer, but only content can't move the footer, urgent, anyoneh have any solution, please...