Safari 5 - weird jaggy fonts issue

Question

this particular bug i'm reporting appears at the bottom of this page:
http://www.apple.com/macmini/design.html
it's very strange - when you first go to the page, the whole block of text links (in the div with class="breadory") appears with jaggy fonts, like the anti-aliasing isn't working properly - see screenshot here: http://i50.tinypic.com/dy4mkn.png
now if you click the "removable panel off" javascript link in the image of the mac mini bottom cover, and then check the "breadory" text block again, the text is now smooth, as seen here: http://i47.tinypic.com/ejirk8.png
and if you click the "removable panel on", the "breadory" text block becomes jaggy once more.
i've tried troubleshooting, disabling extensions, javascript, etc. to no avail.
why is that?
(images edited to put everything within view; otherwise unretouched.)

Answer 1

thanks ~Bee and sjlee0! esp for sjlee0's screenshots, so i know now it's not a problem isolated to myself. i'm not sure if it's the correct term, but i think there is something wrong with safari 5's(?) subpixel font rendering under certain unknown conditions (when javascript routines conflict?). when i zoom in all the way on text that is black (which demos the problem more clearly than color text), i should see the color components to either edges at the left and right esp of vertical font elements. but where text goes jaggy, when you zoom in all the way, you still only see grayscale anti-aliasing along the edges, no colors. here are 2 zoom-in shots of the title of this web page (which is jaggy in safari but ok in firefox), using apple's digitalcolor meter:
http://www.last.fm/music/AllisonMoorer/+videos/1-_KNsOTmv8Vc
jaggy capital A zoom (in safari 5): http://i49.tinypic.com/35jkoph.png
smooth capital A zoom (in firefox 3.6.3): http://i50.tinypic.com/152ztsi.png
in some web pages, the problem appears as soon as the page loads. in others, it happens right after you do something, like mouse over a link.