html - Stuff.tv のようなナビゲーション バーを作成する方法

Question

http://stuff.tv/のような html と css を使用してナビゲーション バーを作成したかったのですが、スクロールしても上部にくっつくナビゲーション バーを作成しましたが、ユーザーがnavbar、スクロールしても上にくっつきます。

私のnavbarの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;
}