How to construct fancy CSS boxes keeping the IE5 broken box model out?
This solution does not require much markup or CSS declarations and gets around the IE5 broken box model nicely. The 3 “rounded” boxes below are contained in the same DIV (a “float”). If we’re setting a width for this element it is not only because “every float should have a width” but because doing so gives the boxes a fixed width without actually declaring any at their level (the “rule of thumb” to dodge the IE5 broken box model is that one can freely declare border and padding for an element as long as that element does not have a size specified).