title: Font-family renders poorly in Explorer with jQuery animation
body: <p>I'm using this in my css...</p>
  
  <pre><code>.myclass { font-size: 16px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; }
  </code></pre>
  
  <p>It renders nice and smooth in all browsers except for Explorer.  (I've only tested in IE8 on XP SP2)</p>
  
  <p>In Explorer, it looks horrific!  No font smoothing at all.</p>
  
  <p>However, it's only a problem on DIV blocks that start with a "display:none;" and are revealed with jQuery...</p>
  
  <pre><code>&lt;html&gt;
      &lt;div id="messageBox" style="display:none;"&gt;
          &lt;div id="message" class="myClass"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/html&gt;
  
  &lt;script&gt;
      function message(msg) {
          $("#messageBox").slideDown('slow');
          $("#message").html(msg).animate({opacity: 1},500);
      };
  &lt;/script&gt;
  </code></pre>
  
  <p>When I put a duplicate DIV right next to it containing the same content with the same style, the font renders perfectly fine.  It's only when I use the jQuery animation to slide it down and reveal it that it stays jagged &amp; ugly.</p>
  
  <p>Is there a better way for me to be doing this?  Perhaps a different serif font should be added to my family that will render properly in all browsers including Explorer.</p>
  
  <p>Thank-you!</p>