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

Я видел несколько подобных вопросов в своем поиске, но либо на вопрос не был дан должный ответ, либо не было дано никакого ответа. Итак, я спрошу еще раз.

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

Хорошо, это просто пример. Но в основном я пытаюсь сделать так, чтобы классы .child можно было прокручивать по оси y ... прокручивать вверх и вниз. Но я хочу, чтобы ось x .... дочернее меню было видимым вне контейнера .parent.

Есть ли в этом смысл? Итак, что происходит, когда страница отображается, браузер вообще интерпретирует переполнение как автоматическое и не уважает отдельную ось. Я что-то делаю не так или браузеры еще не соответствуют спецификации CSS3 по этому поводу? В основном тестировалось только в Chrome.