JQuery flicker when animating opacity, and opacity reaches 1
<p>Here's a fiddle of the problem:</p>

<p><a href="http://jsfiddle.net/MaXaS/2/" rel="nofollow">http://jsfiddle.net/MaXaS/2/</a></p>

<p>Here's the markup (copied + pasted from jsfiddle, so script tags etc. missing):</p>

<pre><code>tr
{
    visibility:hidden;
    background-color:#cccccc;
}

&lt;table&gt;
    &lt;thead&gt;            
        &lt;th style='width:100px'&gt;Bibble&lt;/th&gt;
        &lt;th style='width:100px'&gt;Fish&lt;/th&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
    &lt;tr&gt;
        &lt;td&gt;Some data!&lt;/td&gt;
        &lt;td&gt;Some more data!&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;

$(document).ready(function()
                  {
      $('tr').css('visibility', 'visible').css('opacity', 0).animate({ opacity: 1 }, 2000);                    
                  });
</code></pre>

<p>If I animate to 0.9999 opacity, it's fine. What's happening when opacity reaches 1, and how can I help it?</p>
