Javascript 菜单始终位于顶部并水平滚动

我有那个麻烦-我需要做的顶部菜单总是在顶部，菜单宽度可以是2倍以上的显示器宽度。Possibile是如何实现水平滚动的顶部菜单的

以下是顶部菜单css：

.visibleDiv, #topmenu
{

    position: fixed;
overflow: auto  ;
    width: 100%;
    border: solid 1px #e1e1e1;
    vertical-align: middle;
    background: #fff;
    text-align: center;
    top: 0px;
    left: 0px;
   padding-bottom:10px;
}

有了溢出标签，我就可以看到滚动条，一个是页面，一个是菜单，我需要把它合并成1。如果我在没有溢出的情况下使用这个css，那么我会被剪切到topmenu

---

谢谢

看看这把小提琴：

css：

html {
    height: 300%;
}

#menu-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    overflow: auto;
    border: solid 1px #e1e1e1;
    background: #eee;
    text-align: center;
    padding:10px;
}

#menu {
    width: 200%;
}

HTML：

<div id="menu-container">
    <div id="menu">My menu here</div>
</div>

我的菜单在这里

您仍然需要设置背景：

有些麻烦。。。。。请看结果-。菜单滚动还有什么问题？菜单的背景是什么？我看不见。请看，菜单的末尾看不见。这个菜单的一部分被剪掉了。INV EX PL OUT MRN单元格可以查看是否上下滚动。我需要添加crolling到底部，连同所有页面BTW检查您的：；在#topmenu{位置：固定；顶部：0；左：0；右：0；溢出：自动；边框：实心1px#e1e1e11；文本对齐：中心；背景：您自己选择的一些十六进制；}菜单{宽度：100%}世界跆拳道联盟？背景色如何帮助自动滚动？