Text inside Blog Posts page element is noticeably blurred in Safari 6

This seems very odd. I am assembling a test site using Enfold, and I have created a page that contains a Blog Posts element — I want to use this in place of the stock blog category page for displaying news posts.

http://test.cice-education.org/news/

This page begins with a Text Block, followed by a Blog Posts element. The text in the Blog Posts element is not just larger, it is not at all as crisp as the other text on the page. And when I compare it to the page containing the actual blog post, the difference is also apparent.

http://test.cice-education.org/2013/09/china-tours-summer-2013/

Out of curiosity, I added CSS to reduce the font size for the contents of the Blog Posts element .template-blog .entry-content. But reducing the text size did not make it crisp to match the other text.

Any ideas? When I viewed the pages in Firefox and Chrome, the text seemed uniformly clear readable. Very strange.