Link to home
Start Free TrialLog in
Avatar of ellandrd
ellandrdFlag for Ireland

asked on

cant clear:both IE7

I have a div called #container with two inner divs floated left and right.  underneath #container I have another div called #footer which I want to clear:both as the right floated div in the #container has alot of content and overflows into the #footer.

however my code works in all browsers apart from IE7.  I cant show live example as its a page i'm working on in localhost.

i have set #footer to:

clear:both;
display:block

but no luck.

im using HTML5 doctype
ASKER CERTIFIED SOLUTION
Avatar of OrionsX
OrionsX

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of ellandrd

ASKER

tried that already before posting the question.

i have set background color to green and i can see it like this screenshot below but doesnt fix problem.


Screen-shot-2010-02-22-at-16.50..png
I have fixed it - i had a height set - took it out and it fixed my page...