Javascript jQuery bxslider的问题：在Firefox Mobile上滑动/设置动画时，所有图像都可见

我使用jquery和bxslider来创建一个非常简单的滑块，它在桌面上运行得很好，但是当我在Firefox Mobile（Android）上查看它时，我能够看到所有正在动画和滚动的图像（显然，我只想看到一个图像）

代码很简单：

<div class="slideshow">
    <div class="left"></div>
    <div class="bxslider">
        <li><a href=""><img src="./images/1.jpg" /></a></li>
        <li><a href=""><img src="./images/2.jpg" /></a></li>
        <li><a href=""><img src="./images/3.jpg" /></a></li>
    </div>
    <div class="right"></div>
</div>

.left

、

.right

div是滑块的箭头（控件）

滑块和图像的宽度正确

所有三个元素（滑块和控件）都向左浮动并包含在一个容器中，该容器具有

margin:0 auto

使其居中

---

没有其他不寻常的事情发生，但这让我发疯。

当页面上只有几个滑块时，它工作正常；我推测这只是bxSlider在同一页面上有太多滑块的一个呈现问题，无法避免它。

您能为此创建一个JSFIDLE吗？