如果我使用粘性元素，则页面在Firefox中无限滚动

Question

我有一个带有粘性侧边栏的简单内容/侧边栏布局。在firefox中，如果侧栏比内容高，则可以无限向下滚动，滚动条会越来越小。这是一个演示：

div {
  height: 200px;
  overflow: auto;
  border: 1px solid #000;
}

p {
  display: block;
  width: 60%;
  float: left;
  background: blue;
  height: 100px;
}

nav {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  float: right;
  width: 30%;
  height: 300px;
  background: green;
}

<div>
  <p></p>
  <nav></nav>
</div>

在Safari和Chrome中工作正常，但是我无法在Firefox中解决此问题。任何想法可能是什么问题？谢谢