<html> <head> <title>test page</title> <style type="text/css"> DIV.test { position: relative; font-family: Georgia; font-size: 16pt; line-height: 22pt; width: 24em; } SPAN.margin { position: absolute; font-family: "Comic Sans MS"; font-size: 10pt; line-height: 12pt; width: 15em; right: -17em; } </style> </head> <body> <div class="test"> <h2>Bug 1</h2> <p>Safari public beta does not support CSS absolute positioning correctly (if at all). Immediately following the text position marked by the dagger, there is a <span> element that is positioned to the right of the <div> block that contains this paragraph†<span class="margin">← this should be to the right of the paragraph, lining up with the dagger</span>. In IE 5.x, Mozilla 1.2, and Chimera 0.6+, the contents of the <span> element appears in the margin directly to the right of the dagger.</p> <p>I should note that Chimera 0.6 rendered this test with the marginal note shifted down by one line; this has been fixed in subsequent builds.</p> <h2>Bug 2</h2> <p style="font-size: 10pt">Fonts also render substantially smaller than other browsers, which is not a good thing when you consider that most sites specify fonts that are too small in the first place.</p> <p>At the very least, the preferences panel needs a default text-zoom setting to enable compatibility with other browsers.</p> <h2>Bug 3</h2> <p>Worse, <i>the "make text bigger" button does not scale line-height when it scales font-size</i> (hit it a few times on this page). This is a crippling flaw for people who need to enlarge the fonts to read comfortably.</p> </div> </body> </html>