JQuery slideUp and slideDown not working well in Chrome
<p>It overshoots the mark then goes back up again in Chrome but not Firefox...</p>

<p>Scroll over the images here <a href="http://dev.nkt-kmc-manjushri.org/" rel="nofollow">http://dev.nkt-kmc-manjushri.org/</a></p>

<p>This is the code i'm using.</p>

<pre><code>// Set height on excerpt for smooth animation
jQuery(".excerpt").each (function() {
    jQuery(this).css("height", jQuery(this).height());
});

// Hide excerpts by default
jQuery('.excerpt').hide();

// Fade in 
jQuery(".slide").hoverIntent({
    over: slidein,
    timeout: 100,
    out: slideout
}); 

function slidein(){ 
    // jQuery(this).addClass('active').find('.excerpt').animate({"height":500},400);
    jQuery('.slide').not(this).animate({opacity:0.3},400);
    jQuery(this).addClass('active').find('.excerpt').slideDown(500);    
} 
function slideout(){ 
    // jQuery(this).find('.excerpt').animate({"height":0},400);
    jQuery('.slide').removeClass('active').animate({opacity:1},400);
    jQuery(this).find('.excerpt').slideUp(1500);    
} 
</code></pre>
