Barres de défilement Div dans les navigateurs mac webkit

Question

J'ai une div dans une autre. La div interne est plus grande que la div externe, et je veux que la div extérieure fasse défiler pour montrer le contenu caché. Je l'ai marqué comme débordement: auto et ça marche bien.

Cependant, j'ai également besoin de barres de défilement pour apparaître sur la div externe en raison de contraintes métier. Cela fonctionne dans tous les navigateurs sous Windows. Cela fonctionne également dans Firefox sur Mac. Sur Safari/Chrome sur Mac, je m'attends à voir les barres de défilement apparaître lorsque je fais défiler le contenu de la div, comme quand je fais défiler une page web. Ce qui se passe à la place, c'est que je peux faire défiler le contenu, mais les barres de défilement n'apparaissent jamais. Que dois-je faire pour afficher les barres de défilement correctement?

Voici ce que j'ai:

<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> 

Answer 1

Je n'étais pas capable de trier pourquoi ... mais je suis allé @ réponse HenrikAmmer. C'est assez bon pour ma solution.

Answer 2

Je pense overflow: faire défiler; marchera .