Horizontal Negative Margins

• container with hasLayout and padding: 10px 10px 10px 50px
• box one with no margins
• box two with margin-left:-40px
• box three with margin-left:-60px
• box four with position:relative; margin-left:-60px
• box five with position:relative; left:-60px
• container without hasLayout

IE6-/Win: Crops the part of the box outside the container (can be fixed with relative.) Problems if the container has no Layout.

Related:

• Vertical Negative Margins
• Other Horizontal Negative Margins tests
• IE negative margins problems and hasLayout

CSS tests home