html - 如何创建像 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;
}