CSS overflow-y:visible, overflow-x:scroll

J'ai vu un peu ce genre de questions dans ma recherche, mais la question n'a pas répondu correctement ou pas de réponse a été donnée. Donc, je vais demander à nouveau.

<style>
.parent { overflow-y:scroll; overflow-x:visible; width:100px; }
.child { position:relative; }
.child-menu { position:absolute; top:0px; left:-100px; display:inline-block; }
</style>

  <div class="parent">
  <!-- Lots of the following divs -->
  <div class="child">
    Text Line
    <div class="child-menu">some pop out stuff</div>
  </div>
</div>

Bien, c'est juste un exemple. Mais fondamentalement, ce que je suis en train d'accomplir est ont le .enfant les classes de défilement sur l'axe des y...faites défiler vers le haut et vers le bas. Mais je veux l'axe des x....l'enfant du menu pour être visible à l'extérieur de l' .conteneur parent.

Cela fait-il sens? Donc ce qui se passe est que lorsque la page est affichée, le navigateur interprète le débordement de l'auto au total et pas de respect de l'axe. Suis-je en train de faire quelque chose de mal ou sont les navigateurs tout simplement pas jusqu'à CSS3 spec encore sur cette? Pour la plupart seulement testé sur Chrome. CSS overflow-y:visible, overflow-x:scroll