fadeIn/fadeOut/Pulsate produces jagged text in Firefox 3.6.8

fadeIn/fadeOut/Pulsate produces jagged text in Firefox 3.6.8

The following code demonstrates the problem, it doesn't happen when the text is black, but when setting the color to red it seems as if the blending goes completely wrong.(fadeIn/fadeOut does the same) See attached image:

Tried other browsers(IE, Chrome) and it worked ok there. Windows 7 64-bit.

This is the code that gives me the problem:

  1. <head>
  2. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  3. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
  4.  <script>
  5.   $(document).ready(function() {
  6.     $(".blink").effect("pulsate", { times:100 }, 2000);           
  7.   });
  8.   </script>
  9. </head>
  10.   <body>
  11.     <div class="blink">
  12.         <p style="color:#FF0000;">The text to be pulsated</p>
  13.     </div>
  14.   </body>