I have found lots of solutions to push the block down to align a floating object with the text or objects that are wrapping around it. My problem is a little bit different.
I am using a custom template with Wordpress built by someone else who no longer works for us.
I have a floating navigation element that floats to the right. I have page text that floats down on the left side that is followed by posts. (This is more or less a blog page.) I cannot get the posts to follow the page text immediately--they jump down below the floating navigation element.
Please help me. URL: http://www.centerpointechurch.info/vision/current-qa/
The problem lies with the element after the right navigation:
which 'breaks' the floating behaviour.
Try using this:
<div style="clear: left;"></div>
Or define a new CSS class "clearLeft" for it.
It works for me on FF and IE8.
It looks that it is not in the markup in the right place, judging by the little bit of text at the top left and where it appears in the markup, after it comes the right sidebar and after that comes the content in question.
I also notice that there are 2
<div id="content"> in there.
I'd start by fixing all teh validation errors and than at least you know that is not what is causing it to be askew.