Background image animation not working in Firefox

Question

Background image animation not working in Firefox and I don't want the background repeat image in animation.

Here is url: http://trekoholic.com/site/

body {
    background:url(../img/bg.jpg);
    -webkit-animation: slide 30s linear infinite;
}

@-webkit-keyframes slide {
    0%{ background-position: left 20%; }
    25%{ background-position: 100px 0; }
    50%{ background-position: 200px 0; }
    100%{ background-position: 300px 0; }
  }

@-moz-keyframes slide {
    0%{ background-position: left 20%; }
    25%{ background-position: 100px 0; }
    50%{ background-position: 200px 0; }
    100%{ background-position: 300px 0; }
}

Answer 1

Just add one line:

body{
 background:url(../img/bg.jpg);
-webkit-animation: slide 30s linear infinite;
animation: slide 30s linear infinite;
}