Why is this anythingSlider is not displaying correctly on some browsers

Why is this anythingSlider is not displaying correctly on some browsers

Hi, I am new to jQuery but I have managed to get the awesome anythingSlider to work on other sites but I can't work out why this isn't working here:


On FF, Chrome and Safari on Mac some of the images appear with incorrect text:

The slider is set up like so:

  1. <div class="anythingSlider"> 
  2. <div class="wrapper"> 
  3. <ul> 

  5. <li>
  6. image a
  7. text a
  8. </li>

  10. <li>
  11. image b
  12. text b
  13. </li>

  15. etc...

  17. </ul>
  18. </div>
  19. </div>


However, in FF, Chrome and Safari on Mac the image a appears with text b, image b appears with text c, etc.

I have gone through the code and I can't see what's wrong.