Some parts of text may overflow horizzontally their boxes (especially if the text is italic, but not only, see 'j' and 'f' below.)
In IE7- when the box has Layout the overflowing part is sometimes cropped (last four boxes, hasLayout given by float). The last two boxes have overflow visible and auto, which affects the italics behavior (differently in IE6 and IE7).
The last four cases repeated with the text wrapped in a relative box: the cropping is not stopped. Position relative solves some cropping problems in IE/Win, but not this one.
In the following text cases the text overflows also in the vertical direction, because of a small line-height on the container. This overflowing part is cropped in IE7-/Win when the container has Layout (last four boxes, hasLayout given by float).
The last four cases repeated with the text wrapped in a relative box: the vertical cropping is stopped.
CSS tests home