Animation should not change elments to block - Priority: high
// Set display property to block for height/width animations
if ( ( this.prop == "height" || this.prop == "width" ) &&
this.elem.style ) {}
//this.elem.style.display = "block";
Commenting this line fixes an issue where, while animating, the div
pushes down existing elements. It is true that only block elements
can be animated because inline elements have no physical dimensions;
however, this doesn't account for inline-block elements that have
dimesions but are still inline. Though not all browsers support it,
we should be allowed a class that corrects the behaviour in these
browsers, or to simply not support these browsers if we choose.
Here is a class that displays inline in IE 6/7/8, Firefox, Chrome, and
Safari:
.inline-block {
zoom:1;
display: inline-block;
*display: inline;
_height: 30px;
}
--