为什么Firefox没有顺利改变背景图像？

Question

这种过渡在Chrome中很流畅，但Firefox和IE会在不平滑过渡的情况下将其从一个变为另一个。

.bstrap.footer-logo {
    background: url("../img/bootstrap_bw.png") no-repeat;
    background-size: contain;
    height: 64px;
    /*cursor: pointer;*/
}

.bstrap.footer-logo:hover {
    background: url("../img/bootstrap.png") no-repeat;
    background-size: contain;
    height: 64px;
    /*cursor: pointer;*/
}

.footer-logo {
    transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -webkit-transition: background .5s ease-in-out; /* Safari */
}