Rounded boxes with pure CSS

In this experiment the rounded corners are achieved by carefully positioning text bullets in the corners of a box, which gives an impression of rounded corners. This approach depends on the exact size of the glyph across browses, and across platforms... and is therefore severely limited in its usefulness. The top box of the three below makes use of CSS3 generated content and thus only work in Opera 7+. The middle and bottom box should also work in browsers such as Opera6, Mozilla 1.4 and IE5/IE5.5/IE6 on the Windows platform.