Yes, I have cleared all of my divs, too.

I'm displaying WordPress posts horizontally using floated divs. I've got it working fine, but when the divs move to a new row, if the paragraph text inside each floated div is too long, the div immediately below it drops. Furthermore, each floated div is affected by the length of the divs above it.
How do I make them flow naturally without being affected by the heights of those above them?
Here is my HTML for a single floated div:

<div class="entry_column>
<div class="entry">
<h2>Entry title</h2>
<p>Entry excerpt...if this text gets too long, the div immediately
below it gets pushed WAY down</p>
</div>
</div>
<br class="clearFloat" />
And here are the relevant CSS classes:
.entry_column {
float: left; width: 50%;
}

.entry_column .entry {
margin-right: 25px;
}

.clearFloat {
clear: both;
height:0;
font-size: 1px;
line-height: 0px;
}
I tried everything I could think of for the clearing, but if I add clearing directly on the floated divs, I still can't get it to stop dropping.
Hopefully the image explains this issue a bit better. The "This is Just Going To..." box should be directly underneath the "A music post stand" box, and the "More Music" box should be underneath "Another fun post."

URI needed, images cannot be "debugged"

Also would be good to see where your loop starts and stops in your php code. Many times people accidentally put the overall containing div for ALL the posts inside the loop when it should only be the actual div section you want repeated. The way you have the divs, I'd think they'd be clearing.

here my 2 cents...

1) be sure to use ""clear:both"" each time you float , usually I create a class clear to be used after each time i float something so I apply the class to some div just to be used as separtor

2) be carefull to the width and remember that container must contain the inside div nicely.


1= float issue 2 = size issue

be sure to use ""clear:both"" each time you float ,

Not necessarily the best method - read our stickies for how to properly clear floats.