Hello good people of the forum!
I have a little problem with floating and clearing elements on a page on a site I'm developing...
The URL is http://www.xyzmagazine.co.uk/xyz_music_reviews.php
There are several <div> elements containing an <img> set to float:left and some text. I have placed a clearing element in each <div> ( <br class="clearfloat" /> ) to force each <div> to wrap under the preceding <div>'s floating <img>.
The problem is this clearing element is forcing the elements to display below the two floated side columns, even though they are outside the central column <div>
It's such a simple effect I'm trying to achieve I just can't see where I'm going wrong!!
Thanks in advance