使用滚动条修复了位于绝对定位div中的定位div：Chrome中的错误（？）

Question

在开发菜单的上下文中，我有一个固定位置div（包含3级和更多菜单项的popin），它由绝对定位的div（包含2级项目）包含。

有时绝对div有一个滚动条，在这种情况下，此滚动条显示在Google Chrome上的固定div上方（这不会发生在FF和IE上）。

Simplified jsfiddle example

＆＃13;

＆＃13;

.level-1 {
  background: red;
  height: 150px;
  width: 200px;
  position: absolute;
  z-index: 1;
  overflow-y: auto;
  overflow-x: auto;
}
.level-1-content {
  height: 200px;
}
.level-2 {
  position: fixed;
  left: 50px;
  top: 50px;
  width: 400px;
  height: 200px;
  z-index: 2;
  background: blue;
}

＆＃13;

<div class="level-1">
  <div class="level-1-content"></div>
  <div class="level-2"></div>
</div>

＆＃13;

＆＃13;

＆＃13;

仅当fixed和/或绝对div具有z-index时才会出现此问题。 在jsfiddle简单示例中，z-index不是必需的，但在我的菜单上下文中，我需要它们。

有没有人知道一个CSS解决方案，以便Chrome在这个上下文中不显示子div上方的滚动条（我的意思是，我的约束，即父div是绝对的并且有一个z-index而子div是固定）？

提前致谢。