Hey, I have a really frustating problem with clearing floats and margins/padding. http://www.suttonkitchens.com/new/ - My code can be seen here, I'm having problems adding spacing where the document starts and between the header and container selectors. I've messed around with the code but what ever I do theres always different spacing in FF and IE. I've tried using the clearfix as well..
The problem is IE does floats wrong. I don't have a Windows box to look at it but it's possible you are seeing IEs bug where it wrongly expands parent elements to contain floated elements. Firefox, in any case, will be handling it correctly and you should use it as your reference for how things should work. To get FF to imitate IEs bug, you can add 'overflow:auto' to the parent container.
Yeah. I always have problems with IE. Alot of problems with respect to website design. FF, Chrome and Opera have no issues on my design but when i try it in IE. Issues arise. Hmmm..
use CSS hack for IE eg : * html .classname{} for more understanding visit websites eg: csscodeslibrary.com/css-hack.html
I managed to sort it out by adding a height to the #header selector and then using line-height to vertically center everything as well.