parent, width:300px
relative, left: -100%
parent, width:300px; padding-left: 100px
relative, left: -100%
parent, width:300px; padding: 0 50px
relative, left: -100%
parent, width:300px; border-left-width: 100px
relative, left: -100%

In IE7- a percentage left value for a relatively positioned box wrongly uses as reference the width of the padding box of the parent (instead of the width of its content box).

CSS tests home