title: bxslider next button moves slide only half way
body: <p>I am using bxslider and for some reason isn't calculating the correct distance to move the individual tags when paging. I have set the wrapper and window to the same size as the entries and if you select the slider from the pager it does properly align. This happens in FF and Chrome. </p>
  
  <p>Anyone else having similar issues?</p>
  
  <pre><code>$('#news').bxSlider({
  auto: true,
  pager: true,
  pause: 5000,
  wrapperClass: 'news-wrapper'
  });
  </code></pre>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div id="news"&gt;
    &lt;div&gt;
      &lt;h4 class="title"&gt;Title Four&lt;/h4&gt;
          &lt;p&gt;Content&lt;/p&gt;
      &lt;/div&gt;
    &lt;div&gt;
          &lt;h4 class="title"&gt;Title Four&lt;/h4&gt;
          &lt;p&gt;Content&lt;/p&gt;
    &lt;/div&gt;
    &lt;div&gt;
          &lt;h4 class="title"&gt;Title Four&lt;/h4&gt;
          &lt;p&gt;Content&lt;/p&gt;
    &lt;/div&gt;
    &lt;div&gt;
          &lt;h4 class="title"&gt;Title Four&lt;/h4&gt;
          &lt;p&gt;Content&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/6KWlt.jpg" alt="Screen Shot"></p>