溢出隐藏不在ff中工作 - 也修复了问题

Question

好的，首先这里是codepen：

http://codepen.io/fmattuschka/pen/bdWajW?editors=110

CSS和HTML：

.wrapper {
  background-color:#00CC99; 
  position:relative; 
}

.outerWrapper {
  top: 0;
  left: 0;
  height: 120vh;
  width: 25vw;
  background-color: blue;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.innerWrapper {
  top:100px; 
  left:100px; 
  position: fixed;
  width:500px; 
  height:1200px; 
  background-color:yellow; 
  z-index: 1;
}

.wrapper2 {
  background-color:red; 
}

<div class="wrapper">
  <div class="outerWrapper">
    <div class="innerWrapper">asdasd</div>
  </div>
</div>

<div class="wrapper2">
  Ende
</div>

我需要将黄色框固定在蓝色框中，以便黄色框不会继续滚动。它适用于chrome和safari但不适用firefox。

有什么想法吗？

编辑：

嘿抱歉不清楚，我发布的codepen工作方式我想要它在chrome和safari中。如果你在firefox和safari中并排打开笔，你会明白我的意思。 Firefox既没有黄色框也没有蓝色，也没有隐藏溢出的应用程序。所以简而言之，我希望笔在FF中看起来像在Safari / Chrome中一样