SVG animation not working on firefox

I am trying to use this animation

http://codepen.io/dbj/full/epXEyd

var tl = new TimelineLite;
tl.staggerFromTo(".bottom", 0.8, {alpha: 0}, {alpha: 1, fill: "#d6d6d6", delay: 1}, 0.25)
tl.fromTo("#rectangle", 5, {fill:"#d6d6d6", alpha: "0%", height: "7%"}, {fill: "#c8db2d", alpha: "100%", height: "65%", ease: Power3.easeInOut}, "-=1")
tl.staggerFromTo(".ray", 1, {alpha: 0}, {alpha: 1, fill: "#cee325"}, 0.02, "-=1.25")

in a website but it doesn't seem fully compatible with Firefox browser (on chrome it works perfectly), is there any way I can make it work for all browsers?

I tried to change the javascript calls to the animation libraries, using from instead of fromTo etc, everything works fine in chrome but not in firefox. (or if someone know other similar animation i could use it would be nice too :D). Thanks a lot!