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).

jgQxÈf
fgQxÈf
jgQxÈf
fgQxÈf
fgQxÈf
fgQxÈf

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.

jgQxÈf
fgQxÈf
fgQxÈf
fgQxÈf

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).

jgQxÈf
fgQxÈf
jgQxÈf
fgQxÈf
fgQxÈf
fgQxÈf

The last four cases repeated with the text wrapped in a relative box: the vertical cropping is stopped.

jgQxÈf
fgQxÈf
fgQxÈf
fgQxÈf

CSS tests home