添加jQuery滚动条后，Firefox中的图像溢出父容器

Question

我会尽量保持简洁......

我有一个图像，我已设置水平填充其父div并垂直滚动。

我已经添加了一个基于jQuery的滚动条来替换非webkit浏览器的原生滚动条。由于这样做，我的图像在Firefox中水平溢出它的父级。 Chrome和IE没有问题。

这有点令人费解，因为我正在使用skelJS根据断点设置容器大小，但我不认为这会产生影响。父图像和子容器以及图像都设置了宽度。

我将首先发布HTML和CSS，看看是否有一些明显我忽略的东西。 jQuery以.scroll-pane2类为目标，并且在我的溢出问题之外工作正常。如果没有明显缺少的东西，我很乐意发布该代码。

提前感谢您的帮助！

代码摘要：

HTML：

<div class="8u tasting-menu">                           
    <header>
        <div class="scroll-pane2">
            <p>Scroll or click for full-size menu</p>
            <img src="images/bwh-tasting-list-png.png" class=""/>
        </div>
    </header>
</div>              

CSS：

body {
     width:100%;
     }

img {
    width:100%;
    height:auto;
    }

.8u {
    width:66.6%;
    height:auto;}

.scroll-pane2 {
    height:27em;
    width:100%;
    overflow:hidden;
    }

.tasting-menu img {
    width:98%;
    height:auto;
    }

基于jQuery的skelton我正在使用.8u的帐户。我经常使用它，从来没有遇到过这个问题，但我肯定会再看看它。

我试过overflow-x：隐藏无济于事。我正在使用的jQuery滚动条覆盖了scroll-pane2类中的溢出。

我需要重新审视我正在使用的滚动条脚本...因为在安装之前，它运行良好，尽管使用了Firefox本机滚动条。

我会尝试把一个小伙子放在一起。