animate({height: 0}) causes incorrect height after animation is completed

[TNT]

when i try this:

$('#div4').css({'width': 100, 'height': 100, 'border': '1px solid red'});

$('#div4').animate({height: 0}, 2000);

-> after animation is completed DIV has grow up to 21px height in IE6, in FF DIV have 0px height

<div id="div4"></div>

[flesler]

can you make a test case ? (html file)

[TNT]

I'm added attachment test HTML file

[TNT]

I'm fixing for me with this code:

$('#div3').animate({'height': '1px'}, 2000, function(){$(this).css({'overflow':'hidden', 'height': '0px', 'visibility': 'hidden'});});

and this working fine (for me). :)

[davidserduke]

I believe this is a duplicate of #1726. Basically the doctype is malformed so the browser is in quirksmode and jQuery no longer supports quirksmode for animation and the like. Try fixing your doctype and see if that helps too.