title: Flexslider Slide Width Issue
body: <p>I have a strange issue using flexslider. The Slide LIs don't get the correct width so that all slides are shown. This only occurs on first page load. As soon as I switch to another tab and switch back everything looks fine. Maybe a JS Loading Problem?!</p>
  
  <p>Screenshot: <a href="http://s3.imgimg.de/uploads/flexslider775fc38ajpg.jpg">here</a></p>
  
  <p>flexslider.css</p>
  
  <pre><code>.flexslider {margin: 0; padding: 0;}
  .flexslider .slides &gt; li {text-align: center; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  .flexslider .slides li.flex-active-slide img {text-align:center; width: auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); }
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$(window).load(function() {
      $('.flexslider').flexslider({
          controlNav: true,
          directionNav: true
      }); 
  });
  </code></pre>
  
  <p>I've tried it with $(document).ready(function() too, but still the same problem.</p>
  
  <p>Any ideas?</p>