title: fade background images with css3
body: <p>Hey everyone...
  Im wondering why this wont work? </p>
  
  <pre><code>.right-article.boy {
      background: transparent url(../images/boxes-bg/boy.jpg) left top no-repeat;
      width: 413px;
      height: 242px;
      -webkit-transition: background 1.5s linear;
      -moz-transition: background 1.5s linear;
      transition: background 1.5s linear;
  }
  
  .right-article.boy:hover {
      background: transparent url(../images/boxes-bg/boy-hover.jpg) left top no-repeat;
  }
  </code></pre>
  
  <p>If i change the background to colors like yellow and the hover, black, it works fine.... But not with my images? </p>