title: Safari rendering page fonts thinner with jQuery slider on page
body: <p>I'm pulling my hair out on this one. I'm using the FlexSlider on a page with great results; however when running this, Safari (Mac version, not ios) renders the fonts on the page thinner. Firefox and Chrome both have no issues. Here is my basic code in case that helps at all:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;link href="css/style.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link rel="stylesheet" href="css/flexslider.css" /&gt;
  &lt;title&gt;Title&lt;/title&gt;
  
  &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
  &lt;script src="js/flexslide.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="header"&gt;&lt;span class="slogan"&gt;Slogan At The Top&lt;/span&gt;&lt;/div&gt;
  
  &lt;h1&gt;View These Slides&lt;/h1&gt;
  &lt;div class="gallery"&gt;
  &lt;div class="flexslider-container"&gt;
  &lt;div class="flexslider"&gt;
  &lt;ul class="slides"&gt;
  &lt;li&gt;&lt;div class="slider"&gt;Element 1&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;div class="slider"&gt;Element 2&lt;/div&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I actually assume that the code in this case won't help. I feel like it's more of an issue with Safari and something in FlexSlider. I thought I had narrowed the problem down to FlexSlider's use of translate3d but it didn't pan out.</p>
  
  <p>Has anyone else experienced Safari changing the thickness of fonts based on jQuery elements or even something like a flash video (not used in this case)? Also, I'm not using any embedded fonts, fyi.</p>