Performance issues in Firefox with hover animation

[Poerstamper]

I’ve got a DIV with another one nested inside of it, the latter positioned absolutely. Once the parent DIV receives a hover, the top property of the underlying DIV is adjusted. This change in position is animated, and working smoothly in every browser except for Firefox.

The DIV setup occurs multiple times throughout the page. One or two instances work fine in Firefox, but more than that and it starts having trouble rendering the animation, showing noticable lag inbetween hover states. It doesn’t matter whether i use JQuery or a CSS transition. I’ve tried multiple versions of Firefox.

Any pointers on how to resolve this issue would be greatly appreciated.

The setup:

Some text








.block {

float:left;

height:264px;

overflow:hidden;

position:relative;

width:264px;

}



.entry {

left:0;

position:absolute;

top:208px;

}

[Author]

Posts