making divs overlap each other Options

[Pieman]

Sorry for the rather undescriptive title, but my problem is a bit hard to summarize.

On my site: http://pie-designs.net/blog/ The ads, navigation and calendar are all at the very bottom, where the main body ends. I want them to be at the very top of the page, beneath the banner.
I've tried float but that only produced some awkward results.

css.css: http://pie-designs.net/blog/css.css

Can anyone help me how to tackle this problem?

Thanks in advance.

[Frederiek]

I think you should move the two sidebar div's earlier in the code, somewhere below the header or at the start of the main div. You'll have to tweak the css though.

I hope that'll get you started.

[Pieman]

Problem solved, I redesigned the layout, so float would work. Thanks.