CSS3-переход фона -изображение для Firefox не работает

Мой фоновый -переход изображения работает нормально в Chrome, но ничего не делает в Firefox. Я новичок в переходах CSS3. Провел исследование, и мой синтаксис кажется правильным. Из того, что я прочитал, FF должен поддерживать это. У меня ФФ 12.0. Почему этот переход CSS3 не работает в Firefox.

Нет JavaScript. Нет обходных путей. Просто объяснение того, почему это не удается, было бы замечательно.

http://jsfiddle.net/VCdGt/3/

a.call_to_action
{
    text-decoration: none;
    display: block;
    color: #232744;
    font-size: 20px;
    font-weight: bold;
    height: 47px;
    width: 185px;
    overflow: hidden;
    margin: 10px auto 15px auto;
    text-align: center;
    border: none;
    background: yellow;
    background-image: url(http://www.pslover.com/images/thumb/2751.jpg);
    -webkit-transition: background-image.5s linear;
    -moz-transition: background-image.5s linear;
}

a.call_to_action:hover {
    background: orange;
    background-image: url(http://www.tutorialdash.com/avatars/3b1f70c20325d8676ce1f56cb9b43f17.gif);
    color: #4F4246;
}