Thanks for your replies everyone. I'm not explaining the problem well, so I've created a demo page: http://paulcollinslondon.com/temporary/test.html
If you take a look at it in IE7 and Firefox, you should be able to see the difference. The first <li> is taller than the second one, causing the fourth one to float up higher than the third, (in IE only). If I clear the left, it works in Firefox, but in IE the fourth one still floats up. I know I've solved this a while back and I've seen solutions on the internet, but for the life of me I cannot find them again! Any ideas would be most appreciated. Cheers Paul -----Original Message----- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Gunlaug Sørtun Sent: Thursday, January 29, 2009 5:54 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Clearing a row with floated list <li> Paul Collins wrote: > I can add a class of "clear" to every third list item, which is great, > but I'm still having troubles in getting them to behave in IE. > Has anyone got a solution, or seen on online lately?! Didn't check for the actual case, but it's usually safer to declare 'clear: left' than 'clear: both' when trying to clear left-floats in IE. IE has quite a few 'clear' related bugs, and I think this is one of them. regards Georg -- http://www.gunlaug.no ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *******************************************************************