CSS Box Model Experiments

Index - Test 1 - Test 2 - Test 3

It's Just a Bunch of Stuff That Happens

These three pages illustrate profound differences in how IE 7 and Firefox 2.0 implement the most fundamental aspect of CSS: the Box Model.

• Test 1 - IE 7 quirks mode, not even close to correct.
• Test 2 - IE 7 standards mode, but IE still ignores the margin.
• Test 3 - Works consistently in both browsers because I replaced the inner box's margin with some padding on the outer box.