At the following site
In IE 6 & 7 the footer's background should be grey; outside of the white box. It looks correct in firefox, chrome & IE8, but not IE6 & 7 the footer's background is white and inside the box. I have tried many things with no luck. I wonder if anyone can offer suggestions?
thank you chaser
You should validate your html and fix the errors in it first - you have mixed xhtml syntax witha badly formed html4 doctype and you have block level elements nested inside inline elements.
I'm nor surprised IE6 is having problems interpreting the CSS and what to do with it.
Fixing the html will be a step in the right direction. Adding some widths to your floated elements or clearing them will help - it appears as if the nav uls in the footer are part of the div above they way your broken code is looking at the moment.
Hope this helps a bit.
Thanks - I'm always learning.....
What do you mean by block level elements nested inside inline elements? Im not totally certain what you mean by that.
Pardon .. I fixed the IE 7 footer issue. Added width & overflow: hidden to foot ul id, as well as IE7 star hack *margin: 15px 0 0 0.
Though the page in IE6's positioning is crazy. The right column drops down. Everything is float: left. Maybe it's a width issue in IE6?
in IE 6 you'll get the doubled margin bug on floated elements with a width and a margin. add display:inline; to the floated elements that have width set, and it should all go back to normal.