-- solved -------
I solved the problem by changing the left and right columns from absolute positioning to floating.
here is the layout...
I'm wondering how I can get this footer to clear the columns.
It clears the #main-wrap but the columns just overflows it..
I like the way the columns are coded a lot and would like to keep it as close to it as possible.
Thank you for your time.