jquery effects different on different browsers

I am using jquery to shift positions of multiple divs. The effect i used is working on firefox( i am using firefox4). It is working as i want it on the same. But when i test it on c开发者_开发问答hrome it's not the same.! Here is the link to the page http://bit.ly/lsTwbg

I forgot to mention that you have to click middle box! sorry

---

Try to initially set the bottom-style of #seriously-main-wrapper.

In Develeper-tools you can see, the initially bottom in FF is something like 500px(exactly 511px for me ), in Chrome not present. So the animation runs in FF from 511px to 30px(downwards) and in Chrome from 0 to 30px(upwards)

---

I can see, the different "Versions"...

My guess: Don't use the animate on the margin. You should work with position: absolute in a relative div. Use the animate() on the top and the left css-attribute.