Why does not three columns work this time?

Hi,

I have a problem with the three column design over at [URL=”http://opensource-notebook.com/”]my open source blog.[/URL]

My design works with all Gecko based (Firefox, Flock, ..), and KHTML based (Konqueror, Safari, ..), Presto based (Opera, Opera mobile, ..), and the Windows Internet Explorer 7 browser. However not with Microsoft Internet Explorer 6, nor 5.5. I have been unable to fix the mIE issue, and is therefor requesting some assistance.

[I]Layout summary:[/I] One big, centralised column. Separated in two columns (ad. and content), and finally the content column is separated in two again as blog entries, and the side panel.

[I]Full layout description:[/I] [B]#container[/B] is wrapped around everything, and holds it all together and centralised. [B]#load[/B] is the long advertisement floating to the left. Then there is [B]#header[/B] (margins to separate it from #load) which is wrapped around [B]#title[/B] (which floats to the left) and [B]#recent[/B] (with margins to the left to keep it away from #title). Underneath #header, you will find [B]#main[/B] (margins to separate it from #load) which is wrapped around [B]#entries[/B], and [B]#panel[/B] that work the same way as #title, and #recent.

Can anyone please give some coding assistance to help me fix the mIE issues without breaking compatibility with the other browsers?

Also in #CSS _↴