IE6-/Win: cropping of text with negative text-indent and hasLayout

In all the belove six test cases there is a red box containing a cyan one with negative text-indent (-100px.)

Results: In IE6-/Win any hasLayout box crops the text which protrudes out of it because of negative text-indent. Position relative doesn't fix the problem (while it is useful to stop other cropping problems, see IE7-/Win, negative margins, position:relative)

abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
  1. NO hasLayout wrapper, NO hasLayout inner box
  2. hasLayout wrapper, NO hasLayout inner box
  3. hasLayout wrapper, NO hasLayout and relative inner box
  4. hasLayout wrapper, hasLayout inner box
  5. hasLayout wrapper, hasLayout and relative inner box

CSS tests home