I was using Chris's All-CSS Infinite Scrolling Slideshow, and wanted to change the image that was displayed, but whenever i change the background of the div, even with an image of the same exact size, it doesnt work. Any reason why? Heres the link to the example,(I used the non-GPU one)Infinite All-CSS Scrolling Slideshow

And here's my code: HTML:

                    <div id="tech-slideshow">
              <div id="tech-slideshow-1"></div>
    </div>

      CSS:

tech-slideshow {

  height: 200px;
  position: relative;
  overflow: hidden;

}

tech-slideshow > div {

  height: 200px;
  width: 2526px;
  background: url('collage.jpg');
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;

  -moz-transition:  opacity 0.5s ease-out; 
     -o-transition: opacity 0.5s ease-out; 
-webkit-transition: opacity 0.5s ease-out; 
    -ms-transition: opacity 0.5s ease-out; 

  -webkit-animation: moveSlideshow 60s linear infinite;
  -moz-animation:    moveSlideshow 60s linear infinite;

}

@-webkit-keyframes moveSlideshow { 0% { left: 0; } 100% { left: -1684px; } } @-moz-keyframes moveSlideshow { 0% { left: 0; } 100% { left: -1684px; } }