jquery - bxsliderの次のボタンはスライドを半分だけ移動します

Question

私はbxsliderを使用していますが、何らかの理由で、ページング時に個々のタグを移動するための正しい距離を計算していません。ラッパーとウィンドウをエントリと同じサイズに設定しました。ページャーからスライダーを選択すると、適切に配置されます。これはFFとChromeで発生します。

同様の問題を抱えている人は他にいますか？

$('#news').bxSlider({
auto: true,
pager: true,
pause: 5000,
wrapperClass: 'news-wrapper'
});

HTML：

<div id="news">
  <div>
    <h4 class="title">Title Four</h4>
        <p>Content</p>
    </div>
  <div>
        <h4 class="title">Title Four</h4>
        <p>Content</p>
  </div>
  <div>
        <h4 class="title">Title Four</h4>
        <p>Content</p>
  </div>
  <div>
        <h4 class="title">Title Four</h4>
        <p>Content</p>
  </div>
</div>