如何创建一个像Stuff.tv中的导航栏

Question

我想创建一个使用html和css的导航栏，就像http://stuff.tv/中的一个导航栏我已经制作了导航栏，即使滚动也可以粘在顶部，但我想创建一个当用户到达时导航栏，即使在滚动时也会保持在顶部。

以下是导航栏的html代码：

<div id="menu" class="container">
    <ul>
        <li class="current_page_item"><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Products</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</div>

这是css参考：

#menu {
    overflow: hidden;
    height: 100px;
    background-color: #262626;
    width: 100%;
    height: 100px;
    box-shadow: 0 1px 50px #5E5E5E;
    position: fixed;
    top: 0;
    clear: both;
    float: none;
}