The following four boxes have width respectively: auto, 50%, 100px, 0. They contain right aligned text which should overflow, at least in the two last cases and in the second one if the browsers width is narrow enough. When the text overflows, in IE8b1 it is wrongly cropped (the boxes have overflow:visible).

A_very_very_long_unbreakable_string_in_a_container
A_very_very_long_unbreakable_string_in_a_container
A_very_very_long_unbreakable_string_in_a_container
A_very_very_long_unbreakable_string_in_a_container

Like the above, but with text-align:center. In IE8b1 the overflowing text is cropped again, but now partially (it seems that only the second half of the overflowing part is cropped.)

A_very_very_long_unbreakable_string_in_a_container
A_very_very_long_unbreakable_string_in_a_container
A_very_very_long_unbreakable_string_in_a_container
A_very_very_long_unbreakable_string_in_a_container

Like the above, but with left aligned text. In IE8b1 the overflowing text is normally shown.

A_very_very_long_unbreakable_string_in_a_container
A_very_very_long_unbreakable_string_in_a_container
A_very_very_long_unbreakable_string_in_a_container
A_very_very_long_unbreakable_string_in_a_container

CSS tests home