Bad transform CSS in Firefox

while working on project find out problem in ff. in circumstances ff doesn't receive css transform instructions. works in chrome though. link demo project - https://docs.google.com/file/d/0bzjxt4izbbe9tjfjdhhszepud1u/edit. looks arrow in chrome appears rectangle in firefox.

 

mac os x 10.8.2

chrome 23.0.1271.101

position: absolute; margin: 0px; left: -37.7px; top: -11.13px; width: 182.11215022958px; height: 53px; right: auto; bottom: auto; -webkit-transform-origin: 50% 50%; -webkit-box-shadow: rgba(0, 0, 0, 0.65098) 3px 3px 3px 0px; box-shadow: rgba(0, 0, 0, 0.65098) 3px 3px 3px 0px; border: 0px none black; background-color: white; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translate(0px, 0px) rotate(0deg) scale(0.58015, 0.58015); 

 

mac os x 10.8.2

firefox 18.0

position: absolute; margin: 0px; left: -37.7px; top: -11.13px; width: 182.112px; height: 53px; right: auto; bottom: auto; transform-origin: 50% 50% 0px; box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.65); border: 0px none rgb(0, 0, 0); background-color: rgb(255, 255, 255); 

 

this doesn't happen that's why i'm attaching project happened.

hi, eduard-

 

i able reproduce on side.  thank making simple test case work with!  i've filed bug , 1 of our developers take @ it.

 

thanks,

 

-elaine

More discussions in Edge Animate CC

adobe