absolute/relative positioning problem with Edge Animate

[westykid]

Hello!

I'm very new to js so apologies if this is something obvious, but i'm having some trouble with TweenMax in edge animate. I figure there's always lots going on behind the scenes using these wysiwyg programs so that could be the problem, anyway...

 

I've got 3 buttons that i'm tweening like this:

 

 

TweenMax.to(sym.$("btn_about")   ,.5, {left:"80%",delay:.1,ease:Quart.easeOut});

TweenMax.to(sym.$("btn_map")     ,.5, {left:"80%",delay:.2,ease:Quart.easeOut});

TweenMax.to(sym.$("btn_gallery") ,.5, {left:"80%",delay:.3,ease:Quart.easeOut});

 

All three of these buttons are identical symbols apart from the text inside -

"btn_map" moves to 80% (which is what i'm after) but "btn_about" and "btn_gallery" add 80% to the current left property. Has anyone encountered this before?

 

Thanks!

 

 

[westykid]

fixed it!

There were some initial keyframes on about and gallery which i've deleted, i guess if html5 has it's hooks in it it's forced in to 'relative mode' or something.