Html mac webkit浏览器中的Div滚动条

我有一个div在另一个div里面。内部div比外部div大，我希望外部div滚动以显示隐藏的内容。我将其标记为overflow:auto，它工作正常

但是，由于业务限制，我还需要在外部div上显示滚动条。这适用于Windows上的所有浏览器。它也适用于Mac上的Firefox。在Mac上的Safari/Chrome上，我希望在滚动div内容时看到滚动条，就像滚动任何网页时一样。取而代之的是，我可以滚动内容，但滚动条永远不会出现。要使滚动条正确显示，我必须做什么

以下是我所拥有的：

<style type="text/css">
.inner {
    width: 300px;
    height: 300px;
}
.outer {
    width: 100px;
    height: 100px;
    overflow: auto;
}
</style>

<div class="outer">
<div class="inner">asdf qwer qwer asdf</div>
</div>

.内部{
宽度：300px；
高度：300px；
}
.外部{
宽度：100px；
高度：100px；
溢出：自动；
}
asdf qwer qwer asdf

我认为溢出：滚动；会有用的

我不知道为什么。。。但我接受了亨利坎默的回答。这对于我的解决方案来说已经足够了。

是否

溢出：滚动工作？@Brendan不，没有。以他为榜样的小提琴。当我滚动（Mac/Chrome）时，它们会出现。这个问题的答案是否相关？我编辑了链接，直接转到了答案。我打算添加@HenrikAmmer所说的答案。另一个选项是将鼠标插入Mac:）