I have recently setup a wordpress 2.3 blog. I am struck with a css problem in IE6.

Description:
I am using float:left in a div for content to display on left side and float:right div in sidebar. I have two sidebar div
displayng one above the other. To seperate the two I used a div with style clear:right. just above the footer I am using clear:both so that footer would not obstruct either content or side bar.

Problem:
The left side content (my post text including title and meta data) is not displayed beyond the height in my second sidebar. This happens in IE6 but is working in FF. you can see the problem at My Webpage. click on the tabs of the sidebar below the subscription box. observe the left side content height.

Request:
Can any one suggest me on how I can resolve this problem. code snippets or references ? Am i missing something or is there something I should take out.

I recommend that you start by fixing the markup errors reported by our online validator, although WordPress may not let you fix them all.

Yeah, do that. But the problem isn't that the clear isn't working. Looks like the good old guillotine bug to me.
http://www.positioniseverything.net/explorer/guillotine.html

I've hardly ever seen it on a live page, so thank you for the display.

But correct the errors before you go crazy with the hacks. Valid code may work wonders.

I have come across the same problem, from time to time with some elements, in IE6. I have not really documented which elements, unfortunately. My quick fix was in HTML - <br clear="all">.