title: Making a website banner slide take the whole width
body: <p>Is there a way to make the banner images that are displayed in the site below continuous? I mean, in the sample the current banner image is cut off on the left and in its place is part of the previous image.</p>
  
  <p>I want the current image to take up the whole width of the banner.  Is that possible?</p>
  
  <p><a href="http://www.themes.evgenyfireform.com/provocateur/demo/index.html" rel="nofollow">Here's the Website Template</a></p>
  
  <p>Here's what I think is the important part of the Slider:</p>
  
  <p>CSS:</p>
  
  <pre><code>.wrapper ul {
      padding-left:490px
  }
  
  .anythingSlider {
      position:relative
  }
  
  .anythingSlider .wrapper {
      width:1920px;
      overflow:auto;
      height:405px
  }
  
  /* Width below is max for Opera */
  .anythingSlider .wrapper ul {
      width:32700px;
      list-style:none
  }
  
  .anythingSlider .wrapper ul li {
      display:block;
      float:left;
      padding:0;
      width:auto;
      margin:0
  }
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>base.setCurrentPage = function(page, move) {
      // Set visual
      if (base.options.buildNavigation){
          base.$nav.find('.cur').removeClass('cur');
          captions.fadeIn(50);
          $(base.$navLinks[page - 1]).addClass('cur');
      };
  
      // Only change left if move does not equal false
      if (move !== false) base.$wrapper.scrollLeft(base.singleWidth * page);
  
          // Update local variable
          base.currentPage = page;
      };
  
      base.goForward = function(autoplay) {
          if(autoplay !== true) autoplay = false;
          base.gotoPage(base.currentPage + 1, autoplay);
          captions.fadeOut(200);
      };
  
      base.goBack = function() {
          base.gotoPage(base.currentPage - 1);
          captions.fadeOut(200);
      };
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="slider-container"&gt;
      &lt;div id="slider-holder"&gt;
          &lt;div class="anythingSlider"&gt;
              &lt;div class="wrapper"&gt;
                 &lt;ul&gt;
                     &lt;li&gt;
                         &lt;a href="#"&gt;&lt;img src="images/content/banner1.png" alt="" /&gt;&lt;/a&gt;
  
                         &lt;p class="caption"&gt;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores&lt;/p&gt;
                     &lt;/li&gt;
  
                     &lt;li&gt;
                         &lt;a href="#"&gt;&lt;img src="images/content/banner2.gif" alt="" /&gt;&lt;/a&gt;
  
                         &lt;p class="caption"&gt;Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione&lt;/p&gt;
                     &lt;/li&gt;
  
                     &lt;li&gt;
                         &lt;a href="#"&gt;&lt;img src="images/content/banner3.gif" alt="" /&gt;&lt;/a&gt;
  
                         &lt;p class="caption"&gt;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam&lt;/p&gt;
                     &lt;/li&gt;
                  &lt;/ul&gt;
               &lt;/div&gt;
         &lt;/div&gt;
  
         &lt;div id="bevel"&gt;&lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>