[paul9290]

If you are spending a lot of time fixing html/css issues in IE6, 7 or 8 it maybe due to over using floats and clears. Especially for elements inside a container block which are spread apart from each other like elements in a header block (<div id="header"></div> or <header></header> if HTML5).

For the header block where you have elements spread apart from each other the better solution is to add position: relative in the div id="header" and then absolute position the elements within the header (i.e. div id="logo" and on the ul for the navigation; float the li(s) though).

Using floats, margins and clears to position the MAJORITY of your elements will prove to be frustrating once you test in IE (6,7 & sometimes 8).

[mkmcdonald]

This is interesting because I use a pseudo-grid system with plenty of floats and clears. For some reason (research), it seems to look perfectly fine in IE 6+ and Quirks Mode.