Help with CSS, clear: both?

[bigred]

Hey,

I'm currently redesigning a student website which is currently a complete mess. There are tables within tables within tables. After a lot of blood sweat and tears everything is displaying spot on in FF and IE6 using much cleaner XHTML and CSS

However on the central column we need the text of each article description to go onto the next line (see images below as this explains things better). I know this can be done via clear:both, however couldn't get this working in IE6 as it pushed all the content down to below the position of the left sidebar

This is what it currently looks like...

What we want it to look like...

You can see the site here, http://durham21.co.uk/beta/ and the CSS, http://durham21.co.uk/beta/d21.css

Thanks for any help!
Alex

 

[Mickey]

Hi, you can use the clear's to make it work in IE6 just the same. You just need to modify your #content a bit.

#content
{
	width:570px;
	margin:0;
	float:left;
}

Then put a clear on your h2, h3 and h4 and it all looks good


Mick.

 

[bigred]

Cheers that's great

Thanks for your help,
Alex