Baggrund billede sammen med CSS gradient.

Jeg har følgende CSS kode som laver en fin baggrunds gradient med farver.

background: #edeff1 -webkit-radial-gradient(ellipse at top, #f2f3f4 20%, #c7cdd4 100%) 0 0 fixed ; */
background: #edeff1 radial-gradient(ellipse at top, #f2f3f4 20%, #c7cdd4 100%) 0 0 fixed;

Jeg ønsker at tilføje et billede til CSSen som skal ligge i baggrunden og som skal ligge sig i bunden af browseren og blive ved med at være der selvom jeg scroller!

Men hvis jeg gør følgende:
background: url("../../../images/background/grass.png") no-repeat bottom,  #edeff1 radial-gradient(ellipse at top, #f2f3f4 20%, #c7cdd4 100%) 0 0 fixed;

Så kommer billede godt nok, men baggrundsbillede følger scrollen..

Håber det giver mening :-)

Hvad gør jeg forkert?

Hvis jeg gør følgende virker det fint, men så har jeg ikke gradienten på.

background: url("../../../images/background/grass.png") 50% 0 fixed no-repeat ;
background-position: bottom;

På forhånd tak