隐藏水平滚动条但能够滚动

Question

div.scrollmenu {
  background-color: #0090ff;
  overflow: auto;
  width: 100%;
  white-space: nowrap;
}

.invisible-scrollbar::-webkit-scrollbar {
  display: none;
}

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  background-color: #777;
}

<div class="scrollmenu invisible-scrollbar">
  <a href="#home">Home</a>
  <a href="news">Fashion</a>
  <a href="people">People</a>
  <a href="work">Work</a>
</div>

这隐藏了Chrome和资源管理器中的横条，但没有在Firefox上，请帮助。