CSSで背景の２カ所に位置を指定してボーダーを入れるにはどうしたらいいでしょうか？

質問

http://www.thefujiyagohonjin.com/
このサイトのようにページの最上部と、ページの下から100pxの位置に、画面いっぱいに伸縮するボーダーを入れたいと思っています。上部のボーダーは指定できたのですが、下部の方をどうやって位置を設定していいのかわからず困っています。ナビゲーションもこのサイトのように画面サイズによって伸縮するデザインなので、このサイトの背景部分のCSSを教えていただけたら非常に助かります。

かなり低レベルな質問かもしれませんが、どなたか宜しくお願いします。

回答No.1

ORUKA1951

ナビゲーションは伸縮しないようですが？？？

ソースは
ナビゲーションの書き方（HTML、CSS） - 教えて！goo ( http://oshiete1.goo.ne.jp/qa5516742.html )を参照すること。
ここで、
スタイルシートに次を追加
div.Text{
height:600px;
margin-top:100px;
border-top: blue solid 2px;
border-bottom: red groove;
}
を追加
div.nav li{
/* 中の width:100px; を*/
width:20%;
}
とかに変更