ccs clear:both, don't understand

Question

Hi I seem to be having issues getting my layout to clear properly. Look at link text

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

Here another link to a screenshot with some pointy arrows

Answer 1

It's working for me

What browser are you using?

Could be an IE 6 double margin bug on floated elements

Answer 2

works good with me too and I tried firefox and google chrome

Answer 3

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 :)