Left
Left
Left
Left
Left
Left
Left
Left
Left
Left
This strategy uses the CrossBrowser.com x.js dhtml library and a JavaScript function described on SitePoint to reposition the footer based on the largest height of the middle 3 columns.
The #Header, #Content and #Footer boxes are positioned statically and the #Left and #Right boxes are positioned absolutely.
The idea behind this strategy is to prevent the statically positioned #Footer from being overlapped by the absolutely positioned #Left and #Right columns when those columns are taller than the statically positioned #Content column.