First of all, I suggest you use linked stylesheets instead of embedded.
Then, you should try this for ie6 fix
div.council div.member, div.council div.summary {
display:block; overflow:hidden; float:none; clear:both;
}
Main Topics
Browse All Topicsit is difficult to explain but here goes:
having problems with IE6 not clearing floated elements. loading up http://www.jongalli.com/gf
i would like the council members list, which includes a description of each member and a profile image, to be contained within a html div tag, as seen in Firefox. However IE does not seem to clear the floated image element after every member and as a result, starts overlapping other div tags further along the page.
perhaps there is a more viable method to the one i have used? or maybe i have overlooked an element?
any help would be appreciated and if proving more difficult than first impression, would be willing to up points!
This question is in progress.
Our experts are working on an answer right now.
Sign up for immediate access to the solution once it becomes available.
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.
galjimmy:
the ie6 fix provided still produces the same results. the embedded stylesheets are a temporary measure for troubleshooting, like in this scenario.
renazonse:
the code provided keeps the <div class="council"> element contained within the <div class="news"> which is a step forward, but also required the the following css under <div class="summary">: 'height:100%;'
i was looking originally looking for a css workaround to avoid inserting div tag (like renazonse provided), but it is a working solution, so thanks again!
Business Accounts
Answer for Membership
by: renazonsePosted on 2009-10-24 at 09:44:16ID: 25652984
your clear should go here:
</div><!-- end of div class council -->
<div style="clear:both;"></div> <!---HERE-->
</div><!-- end of div class news -->