css - コンテンツの上にメニューがある単一ページ

Question

単一ページの Web サイトを構築しており、スクローラー コンテンツの上に固定メニューを配置したいと考えています。

http://jsfiddle.net/VFQF8/

しかし、固定位置を使用すると、コンテンツの上にメニューを保持できません。何か案が？

#nav {
    left: 20px;
    list-style: none;
    position: fixed;
    top: 20px;
}

Answer 1

デモ

#nav {
    list-style: none;
    position: fixed;
    top: 20px;
    width: inherit;
}
#section-1{
    margin-top:200px;
}