jumping undesired effect on expand

[talofo]

1) Script Title:
Animated Collapsible DIV v2.4

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

3) Describe problem:
here, if we click on the third option ('Ver para Crer')
http://www.nuvemk.com/nascer/

I'm getting an undesired jump effect.

Can I please have your help in order to figured out, how can this be avoided, or why I'm I having this? I thought that it could be something to do with the margin of some element but, I believe all elements have equal margins, and only this last one behaves like this.

I will debug it the more carefully possible, but at the moment I'm just unable to figure it out.

Please advice,
Thanks a lot,
MEM

[talofo]

Stuck here.
No luck for me I guess... :(

[azoomer]

For some reason that i cannot explain it seems to help when i add

#portfolio-content{ overflow:hidden}

to the css

[talofo]

Yes. It seems to work indeed. Thanks a lot for your time in here.
Normally the overflow:hidden; and is effects, are related with containing floats, aka 99% of the issues we may have with css.

However, this doesn't explain why such a behavior.

If we do not apply your suggestion, and we look into IE, we can see that first the elements are getting expand, and only after, the margin on those elements are rendered, hence, I believe, provoking this "jump" behavior.

I'm glad that it worked, and I really thank you for your help... but this question is still bugging me, maybe the author could lead us a hand about this behavior... :)


K. Regards, and thanks once again.