CSS3 Transition translate firefox bug

Hi,

Ik heb een probleem met een effect op een button. Deze code werkt in alle "major browsers" behalve FireFox (Safari niet getest, iemand?). Zelfs IE!

Chrome:Firefox:LIVE Voorbeeld: http://jsfiddle.net/toyfwbtL/

Er ontstaat dus een onverklaarbare padding in FireFox. Dmv te debuggen heb ik al ondervonden dat de margin ontstaat door de 2e div onder div.btn-container. Zodra ik deze verwijder is de fout opgelost, maar dan werkt de button uiteraard niet meer.

Iemand die me hier meer info over kan verschaffen of me een mogelijke oplossing kan geven?

Alvast bedankt.

Als je de een margin-top van -20 geeft, dan doet hij het wel.
Bij firefox ziet hij namelijk dat de Loading... div onder de andere div staat, terwijl dit niet de bedoeling is

Bartv schreef:

Als je de

Loading...

een margin-top van -20 geeft, dan doet hij het wel.
Bij firefox ziet hij namelijk dat de Loading... div onder de andere div staat, terwijl dit niet de bedoeling is

Als ik die marginTop -20px gebruik, is de bug in FF gefixt en is het nog normaal in andere browsers, maar is het effect verpest.