that is weird - the behavior I can see should not be occurring - the footer is set to "clear" both left and right so should always position the footer under these columns.
i notice you have set the left column to 100% height which is perhaps not required/may cause issues. 100% means 100% of its containg element but this is not possible because that element also needs to hold the footer etc - #left can never be 100%.
I've also used the firefox web developers tool bar to eaxmine all css affecting the page and you have large amounts of css from a number of components that could be conflicting.
perhaps a more likely issue is that your style sheet seems to have many double ups - maybe the whole template css has been duplicated.
it is important in a stylesheet to have the classes organized in the correct order as they are executed in the order they appear. for example saying that h1 should be 'red 16px verdana' and then saying further down the style sheet that it should be 'black 12px times' will result in 12px times being displayed.
check that there isnt duplication as this could override some previously cleared styles.
try turning off all your components and see if teh issue goes away. If it does you can turn on one by one and see when it starts to occur - then you know where the conflict is occuring.
If you look at
polarbear15.joomlabear.com/index.php?opt...gories&Itemid=48 you should see the left menu stretches below the content but page displays fine.