basetwo

Hi First off remove the height and min height from #leftcol. This'll make it fit the image. You can also take the width off if you're not gonna need it for anything else. Then: Give #wrapper position: relative. Give #leftcol position; absolute and bottom: 0; Tada. #leftcol will be positioned at the very bottom of the #wrapper div, and as #wrapper expands then the image will move down with it. Edited CSS here: #wrapper { position: relative; } #leftcol { background-image: url('img/bgleft.jpg'); position: absolute; bottom: 0px; }

Bit of a late reply here, but I notice it's still not fixed. 2 lines of code will fix it nicely. In base_elements.css add a "float: left;" to the h1. In elements.css add a "clear: left;" to #content. Bingo.