The trick is to have a DIV with a 10px height by width of your site image (image is of the two columns as they show) with the following css:

.fixTwoColumnBG {background: url(“templates/seo/images/template_07.png”) repeat-y; width: 1001px; overflow:auto;}

Inside this DIV is the Left and Right DIV’s (my columns).

Also in is important to have a clear:both in the the next DIV, in my case, footerTop

And, if you have DIV’s with no content, as i do, add a 1px x 1px transparent image in the DIV.

Here is a CSS basic Column structure for a 1001px wide site:

#columnLeft { margin:0; padding:0; float:left; width:261px;
}

#columnRight { margin:0; padding:5px 5px 5px 5px; float:right; width:730px;
}

and

Here is a basic DIV page setup

See this code at work in a CSS only site, no JAVASCRIPT: Click Here

Forrest Carson