title: Unslider is not behaving responsive
body: <p>I'm trying to make a slideshow in jquery that allows responsive design. 
  I have some problems first because I was using images with size  1183*235, and then the images don't occupy the full width, now im using images 1900*235 and now occupy the full width.
  But when I tail off the screen, the images dont resizes.
  We need to do something additional to the responsive design works with unslider?
  The <code>fluid:true</code> is not enough?</p>
  
  <p>This is my code working: <a href="http://jsfiddle.net/ritz/T8JdT/1/" rel="nofollow">http://jsfiddle.net/ritz/T8JdT/1/</a></p>
  
  <p>My html:</p>
  
  <p></p>
  
  <pre><code>&lt;div class="banner"&gt;
      &lt;ul&gt;
          &lt;li style="background-image:url(imagens/image1.png)"&gt;&lt;h2&gt;This is a slide.&lt;/h2&gt;&lt;/li&gt;
          &lt;li style="background-image:url(imagens/image1.png)"&gt;This is another slide.&lt;/li&gt;
          &lt;li style="background-image:url(imagens/image1.png)"&gt;This is a final slide.&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;/section
  </code></pre>
  
  <p>My css:</p>
  
  <pre><code> #banner-container{width:100%; float:left;}
  .banner { position: relative; overflow: auto;}
  .banner li { list-style: none; background-repeat:no-repeat; }
  .banner ul li { float: left; min-height:250px;}
  .banner .dots { bottom: 20px; left: 0; position: absolute; right: 0;
  } .banner .dots li { border: 2px solid #fff; border-radius: 6px; cursor: pointer; display: inline-block; height: 10px; margin: 0 4px; opacity: .4; text-indent: -999em; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; width: 10px; } .banner .dots li.active { background: #fff; opacity: 1; }
  </code></pre>
  
  <p>My jQuery:</p>
  
  <pre><code>&lt;script type='text/javascript' src="http://code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="unslider/unslider.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(function() {
      $('.banner').unslider({
          dots: true,
          speed: 650,
          delay: 2000,
          fluid: true
  
      });
  });
  &lt;/script&gt;
  </code></pre>