CSS3 animation works in Chrome not Firefox
===

Hi I am having trouble figuring out why this works in chrome not firefox...

        #header3{
            background: url(/images/mynecraft/clouds3.png) repeat-x center 20px;
            -webkit-animation-name:cloud-crawl-header3;
            -webkit-animation-duration:	120s;
            -webkit-animation-timing-function:linear;
            -webkit-animation-iteration-count:infinite;
            -moz-animation-name:cloud-crawl-header3;
            -moz-animation-duration:120s;
            -moz-animation-timing-function:linear;
            -moz-animation-iteration-count:infinite;
    }
    @-webkit-keyframes cloud-crawl-header3{
            from{background-position: -100% 20px, center top}to{background-position: 100% 20px, center top}
    }
    @-moz-keyframes cloud-crawl-header3{
            from{background-position: -100% 20px, center top}to{background-position: 100% 20px, center top}
    }