[jQuery] Blurry font on fadeIn

[jQuery] Blurry font on fadeIn

<div>See code below:</div>
<div>in IE7, when I do this, the font is all blurry.  If I use fadeIn(), it looks blurry until the very end and then fixes itself.</div>
<div>Firefox looks right the whole time.  Am I doing somthing wrong?</div>
<div>
Glen</div>
<div> </div>
<div>

<font face="courier new,monospace" color="#660000"><div class="mktReadOnly" style="font: bold 24px 'trebuchet ms'"  >
  This is the Name
</div>
<div class="mktEditable" style="display:none;">
  <input type="text" value="This is the name in hidden text field" />
/div></font>





<font face="courier new,monospace" color="#660000"><br />
<a href="#" class="flipflopButton">Edit</a></font>


<font face="courier new,monospace" color="#660000"><script></font>


<font face="courier new,monospace" color="#660000">$("a.flipflopButton").toggle(function(){
    $(".mktReadOnly").hide();
    $(".mktEditable").fadeIn();
},function(){
    $(".mktEditable").hide();
    $(".mktReadOnly").fadeTo("slow", 0.5);
});</font>






<font face="courier new,monospace" color="#660000"></script></font>

</div>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/