A 300px wide box with 200px margin left

a cleared box

A fluid wrapper (gray) contains:

• A left float (blue) (here it is an image, but could be anything else)
• A not floated wide box (green), with a wide negative margin-right

The negative right margin on the green box fixes its falling below the float that occurs at narrow browser windows in IE7-/Win but makes its right part inaccessible at narrow sizes (at least in IE6-.)

• The initial page, with the falling box only.
• With a wide box inside the wrapper (it alone, without negative margins, does not fix the problem.)
• With a wide box inside the wrapper and negative right margin on the falling box (solves the problem.)
• With a large negative right margin on a wrapper of the falling box (solves the problem.)

CSS tests home