在Firefox中滚动嵌套div的行为

Question

我需要在一个相对较短和较窄的容器中放一个宽而长的桌子，我想保持桌面始终可见。我已经有了这个工作，你可以在下面的JSFiddle中看到。

http://jsfiddle.net/chemLk1z/1/

重要的代码是：

<div id="h">
    <div id="v">
        <table> [... 10 rows of content ...]
    </div>
</div>

使用CSS：

#h { 
    width: 300px; 
    height: 100px;     
    overflow-x: scroll; 
    overflow-y: hidden;
}

#v {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    height: 100px;
    overflow-x: hidden; 
    overflow-y: scroll;
}

table {
    width: 500px;
    /* Height will be more due to content. */
}

正如您在JSFiddle中所看到的，Chrome上的滚动体验非常棒。但是在Firefox（v38.0.5 Mac OS X）上，我不能同时水平和垂直滚动，我需要等待10秒左右才允许我滚动到另一个维度。

为什么会这样，我该怎么做才能解决它？