Box Model and Double Margin

This file is for test purpose. Here are tested IE6 double margin fix jQuery Plugin and Box Model Hack.

Test box model

It is correct if the gray part is of the same dimension of the red one.

100px

100px
+ 10px border

Test `float:left`

100px
+ 10px border
and 100px left margin

100px
+ 10px border
and 100px left and bottom margin

100px + 10px border and 100px (All) margin

100px
+ 10px border

100px + 10px border and 100px left and top margin

Test `float:right`

100px
+ 10px border
and 100px left margin

100px
+ 10px border
and 100px left and bottom margin

100px + 10px border and 100px (All) margin

100px
+ 10px border

100px + 10px border and 100px right and top margin

Test `float:left` next to `float:right`

float: left;
100px left margin

float: right;
100px left margin

Test `float:right` next to `float:left`

float: right;
100px right margin

float: left;
100px left margin

Test `margin-right` next to `margin-left`

float: left;
100px right margin

float: left;
100px left margin

Simple image

100x100px image width 5px border: