IE/Win Nested Elements Margins and Paddings - quirks

See IE/Win: hasLayout and margins of nested boxes for some brief conclusions.

The red wrappers have NO hasLayout, the green ones have hasLayout, all have 10px padding (the space between wrappers is purposely obtained with a gray div and not with margins.)

space
This element has margin:20px, hasLayout
This element has margin:20px, NO hasLayout
space
This element has margin:20px, hasLayout, is preceded by a comment
This element has margin:20px, NO hasLayout
space
This element has margin:20px, NO hasLayout
This element has margin:20px, hasLayout
space
This element has margin:20px, hasLayout
This element has margin:20px, NO hasLayout
space
This element has margin:20px, NO hasLayout
This element has margin:20px, hasLayout
space

Again, without border on wrappers

space
This element has margin:20px, hasLayout
This element has margin:20px, NO hasLayout
space
This element has margin:20px, hasLayout, is preceded by a comment
This element has margin:20px, NO hasLayout
space
This element has margin:20px, NO hasLayout
This element has margin:20px, hasLayout
space
This element has margin:20px, hasLayout
This element has margin:20px, NO hasLayout
space
This element has margin:20px, NO hasLayout
This element has margin:20px, hasLayout
space

Same page in standards mode IE7-/Win Nested Elements Margins and Paddings - standards

CSS tests home