Supersized jQuery plugin - only some background images shown
===

All of my background images load until i try to put in an image overlay for each slide. The problem occurs when I tag my <ul> with id="supersized"

Once I do this only my background images on slides 1, 2, and 9 load. 3-8 only show the background color and the overlay image.

HTML:

     <div id="navigation">
 	<ul>
 		<li><a  id="nav1" class="flats" href="#"><img src="../../photos/flats_horiz_final_white.jpg" alt="The Flats at Loyola Station" /></a></li>
        <li><a  id="nav2" class="about" href="#">&nbsp;</a></li>
        <li><a  id="nav3" class="pricing" href="#">&nbsp;</a></li>
        <li><a  id="nav4" class="rooms" href="#">&nbsp;</a></li>
        <li><a  id="nav5" class="location" href="#">&nbsp;</a></li>
        <li><a  id="nav6" class="chicago" href="#">&nbsp;</a></li>
        <li><a  id="nav7" class="ll" href="#">&nbsp;</a></li>
        <li><a  id="nav8" class="contact" href="#">&nbsp;</a></li>
        <li><a  id="nav9" class="res" href="#">&nbsp;</a></li>
	</ul>
</div>


	<ul id="supersized">
   	  <li class="">
      	<div class="overlay-holder">
        	<div class="img">
        	<img src="../../images/homeimg.png" />
        </div>
      </div>
      </li>
      <li class="">
      <div class="overlay-holder">
        	<div class="img">
        	<img src="../../images/aboutimg.png" />
        </div>
      </div>
      </li>
   	  <li class="">
      <div class="overlay-holder">
        	<div class="img">
        	<img src="../../images/homeimg.png" />
        </div>
      </div>
      </li>
   	  <li class="">
      <div class="overlay-holder">
        	<div class="img">
        	<img src="../../images/homeimg.png" />
        </div>
      </div>
      </li>
   	  <li class="">
      <div class="overlay-holder">
        	<div class="img">
        	<img src="../../images/homeimg.png" />
        </div>
      </div>
      </li>
   	  <li class="">
      <div class="overlay-holder">
        	<div class="img">
        	<img src="../../images/homeimg.png" />
        </div>
      </div>
      </li>
   	  <li class="">
      <div class="overlay-holder">
        	<div class="img">
        	<img src="../../images/homeimg.png" />
        </div>
      </div>
      </li>
   	  <li class="">
      <div class="overlay-holder">
        	<div class="img">
        	<img src="../../images/homeimg.png" />
        </div>
      </div>
      </li>
   	  <li class="">
      <div class="overlay-holder">
        	<div class="img">
        	<img src="../../images/homeimg.png" />
        	
        </div>
      </div>
      </li>
  </ul>