Margins and block formating contexts (original tests from Alan Gresley)

The orange stripes have 'overflow: auto', 'margin-left: 100px' and 'margin-right: 100px'.
The yellow stripes are floats with various width (topmost is 0, bottommost is 150px).
The wrapping containers have a silver background.

floatL

<div> with 'overflow: auto'

floatL

<div> with 'overflow: auto'

floatL

<div> with 'overflow: auto'

floatL 150px

<div> with 'overflow: auto'

floatR

<div> with 'overflow: auto'

floatR

<div> with 'overflow: auto'

floatR

<div> with 'overflow: auto'

floatR 150px

<div> with 'overflow: auto'

The orange stripes have 'overflow: auto', 'margin-left: 100px' and 'margin-right: 100px'.
The yellow stripes are floats with various width (topmost is 0, bottommost is 150px).
The wrapping containers have a silver background.