title: NivoSlider NivoControl Nav IE7 Not Displaying
body: <p>My nivoslider plugin works fine across all browsers and up to ie8/9 - however in IE 7 the slider works fine but i cant see the squares (nivocontrol nav) which indicates how many images there are in the slider. I've tried position:absolute and z-index's but i cant seem to get this working. Before it refused to work so i changed it from window.load to document.ready and that fixed 50% of the problem. </p>
  
  <p>The website is <a href="http://www.sarahlayton.co.uk" rel="nofollow">http://www.sarahlayton.co.uk</a> and if you look at it in IE8/9 you see the squares under the image slider and then ie7 its hidden. Im a little confused as to where i am going wrong?</p>
  
  <p>Can anyone guide me please? really would be appreciated</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  
      $('#slider').nivoSlider({
          effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
          slices: 15, // For slice animations
          boxCols: 8, // For box animations
          boxRows: 4, // For box animations
          animSpeed: 300, // Slide transition speed
          pauseTime: 6000, // How long each slide will show
          startSlide: 0, // Set starting Slide (0 index)
          directionNav: false, // Next &amp; Prev navigation
          directionNavHide: false, // Only show on hover
          controlNav: true, // 1,2,3... navigation
          controlNavThumbs: false, // Use thumbnails for Control Nav
          controlNavThumbsFromRel: false, // Use image rel for thumbs
          controlNavThumbsSearch: '.jpg', // Replace this with...
          controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
          keyboardNav: true, // Use left &amp; right arrows
          pauseOnHover: true, // Stop animation while hovering
          manualAdvance: false, // Force manual transitions
          captionOpacity: 0.0, // Universal caption opacity
          prevText: 'Prev', // Prev directionNav text
          nextText: 'Next', // Next directionNav text
          beforeChange: function() { }, // Triggers before a slide transition
          afterChange: function() { }, // Triggers after a slide transition
          slideshowEnd: function() { }, // Triggers after all slides have been shown
          lastSlide: function() { }, // Triggers when last slide is shown
          afterLoad: function() { } // Triggers when slider has loaded
         });
      });
  &lt;/script&gt;
  </code></pre>