Question

I seem to be having issues getting my layout to clear properly. Look at this

I can’t stop the item in the left column from pushing down the items in the right. Can anyone help?

Screenshot with some pointy arrows (Dead link)

Answer 1

The problem markup/style appears to be:

<div class='clear' /> 

This is clearing the float in your left hand div which creates the gap between your post and teaser sections.

myblog.css (line 166)  #myBlog-wrap div.clear { clear:right; <--- problem clear height:1px; line-height:1px; margin:0; padding:0; } 

Here’s how firefox 3 renders the page with the clear disabled.

Unrelated to your question, but you also seem to have some IE specific css issues to resolve as well. Definitely consider making a conditional ie.css for your site 🙂