Works great... Don’t apply left, or right padding to elements with defined widths Floated elements with borders are wider than you think they are. Old IE has it’s own idea of a box model that is unlike any other with many bugs
CSS3 can normalize .selector { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } Gets the box model to be more like IE6.
Some caveats... Float without a width and the width of the interior content will be the width. Long text within a float requires that you set a width. Otherwise it’s 100%. A tall floated item must be cleared, or you will end up with floats within floats.
Things to remember... Absolutely positioned elements are positioned relative to the nearest relatively positioned element, or the body element if none. Fixed position elements are positioned relative to the body element every time.