title: Background-Image Transition Not Working On Firefox
body: <p>I am trying to create a logo transition with css however it only works in Chrome and not FF or even IE so what should i do ?</p>
  
  <p>MY CSS</p>
  
  <pre><code>.logo {
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      background-image: url(../images/text.enter.png);
      border-style: none;
      height: 70px;
      left: 50%;
      margin-left: -138.5px;
      margin-top: -35px;
      position: absolute;
      top: 50%;
      width: 277px;
  }
  
  .logo:hover { background-image: url(../images/logo.png); }
  </code></pre>