After looking at a the instruction manual for a Lego set, I got an idea for representing the peculiarities of the standard and Internet Explorer 6 box models. These will be used in a  CSS “anti-framework” I’m developing. More on that soon, but for now, here are my box model diagrams.

The layers represent the stacking order of each element (something other diagrams come close at representing, but aren’t nearly as detailed at portraying).

Standard box model:

Internet Explorer 6 box model:

If you would like to use these, be sure to attribute Drew Yeaton (drewyeaton.com) wherever they appear.