Загружать то же изображение новое при наведении курсора

Question

У меня есть gif-анимация lo go, которая показывает анимацию один раз при открытии веб-сайта. Теперь он должен снова загрузить тот же самый gif, когда вы наводите на него курсор, заставляя его снова анимировать (сам gif имеет только один цикл анимации).

#logo a.logo {
    display: inline-block;
    width: 115px;
    height: 115px;
    background-image: url("../img/uf_logo_animation.gif");
    background-size: 115px 115px;
    background-position: 0px 0px ;
    background-repeat: no-repeat;
}

#logo a.logo:hover {
    background-image: url("../img/uf_logo_animation.gif");
}

Этот код не работает - он не делает воспроизведение анимации снова. Как я могу это сделать?