i tried <div class="clearing"></div> before using clearfix but that didnt work either.
Main Topics
Browse All Topicsplease view this page in IE7:
http://www.easylet.ie/land
Notice the rows each with 3 columns dont float clear like they do in Firefox.
See my IE7 hacks CSS file for what im trying to use but isnt working.
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.

Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
All software has bugs. Unfortunately some companies choose to release products that still have known bugs.
Fortunately IE8 is somewhat better, so in time (several years), we won't have to worry so much about IE6 and IE7. For now though, people like me are available to help others deal with browser bugs.
Check out the links at the bottom of this page: http://www.dynamicsitesolu
Business Accounts
Answer for Membership
by: KravimirPosted on 2009-10-21 at 09:15:42ID: 25625471
Wow. You're doing user-agent sniffing to have browser specific stylesheets? There are better ways to deal with browser rendering differences.
The quick fix is to put this rule in "style.css":
.clearing
{
clear:both;
height:0px;
}
and change all occurrences of
<div class="clearfix"></div>
to
<div class="clearing"></div>
However, it looks like some of the clearing elements are missing in IE8.
It seems you don't understand what the ".clearfix" rules are for. They are used to make a container element contain its floated descendants. IE7 doesn't understand ".clearfix:after", so there's no point in putting it in the IE7 specific stylesheet.