title: Flexslider slide white space
body: <p>I'm using Flexslider, and encountering a strange problem: every slide is shifted to the right, with a portion of white space on the left side of each slide.</p>
  
  <p>When I try to inspect the DOM, I find that temporary fix is to either remove <code>float: left</code> or <code>margin-right: -100%</code> that's in <code>li</code>'s inline style - <strong>BUT</strong> it breaks the sliding afterwards. What happens is that when you click arrow for the next slide, it shifts the first one down, shows the second, and then hides the first one.</p>
  
  <p><img src="https://i.stack.imgur.com/LUXNo.png" alt="Image showing the problem with slider"></p>
  
  <p>If I don't intervene in anyway with inline styles, slider still has white space to the left, and after I scroll down the page and return up, the slider works as expected, with no problem.</p>
  
  <p><em>Note that I don't have this problem on 1920x1080 resolution, but on lower - 1024x768 for example.</em></p>
  
  <p>What could be the problem? Also, here's a link to live demo: <a href="http://goo.gl/RGS4O" rel="nofollow noreferrer">http://goo.gl/RGS4O</a></p>