Firefox - 悬停时的动画gif不能工作两次

Question

悬停时，我想将背景图像设置为带有一个循环的动画gif。在mouseleave上设置初始背景图像。在Firefox第一次播放时一切正常。然而在第二次悬停时，gif不再播放了。为什么呢？

HTML

 <div id="pic"><div class="su"></div></div>

JS

        $( "#pic" ).hover(
              function() {
                $('.su').css({backgroundImage : 'url("ani.gif")'});
              }, function() {
                $('.su').css({backgroundImage : 'url("normal.jpg")'});
              }
            );