Conflict with jscrollPane and animate
<p>I am using jscollPane on a div that is displayed via the jquery animate function.</p>

<p>The animate function seems to be causing a conflict with the jscrollpane script and thus the scrollbars do not show.  </p>

<p>Here is an example page to demonstrate: <a href="http://mikesewell.net/dev/scrollpane/" rel="nofollow">http://mikesewell.net/dev/scrollpane/</a></p>

<p>The div #text is hidden using display: none;  it is shown using this function:</p>

<pre><code>$(".bio-button").hover(function() {
        $(this).next("#text").animate({opacity: "show"}, "slow");
    }
</code></pre>

<p>If I dont' hide #text jscrollPane works fine, but if using this function to animate stops the scrollbars from showing.</p>

<p>Any suggestions would be greatly, greatly appreciated. Thanks!!</p>
