Linear Gradient + Background-size Is Not Working In Firefox

Im using a linear gradient with a background-size of 400%. this allows me to animate between gradients on hover and active state by changing the background-position. It works grea

Solution 1:

The problem is, that in firefox background-size has two values one for the width and one of the height. If you do it like this: background-size: 400% firefox translates it to background-size: 400% auto. The auto is the value for the height. To fix it just write: -moz-background-size: 400% 400% this works for me.