title: image with nivo slider jquery
body: <p>I use the nivo slider jquery template to make a diaporama with picture.
  My problem is that it displays the first image correctly, then the second is displaying on the first one, but vertically,  just with a widht of 40px maybe.
  So I  have the 2 image on the same time, the first in right size, the second no.
  Do you know what I have to do?</p>
  
  <p>This is my a part of my code:</p>
  
  <pre><code>&lt;style&gt; 
  .nivoSlider {
      position:relative;
      width:618px; /* Change this to your images width */
      height:246px; /* Change this to your images height */
      background:url(images/loading.gif) no-repeat 50% 50%;
  }
  .nivoSlider img {
      position:absolute;
      top:0px;
      left:0px;
      display:none;
  }
  .nivoSlider a {
      border:0;
      display:block;
  }
  &lt;/style&gt;
  &lt;script type="text/javascript"&gt;
  $(window).load(function() {
      $('#slider').nivoSlider();
  });
  &lt;/script&gt;    
  &lt;div id="slider" class="nivoSlider"&gt;
  
      &lt;img src="/template/images/custom/popup_imgtest.jpg" alt="" /&gt;
      &lt;img src="/template/images/custom/popup_imgtest2.jpg" alt="" /&gt;
     &lt;/div&gt;
  </code></pre>