ページカラーの上から下までの高さdiv

Question

ここで回答を検索しましたが、解決策が見つかりません...

divの高さに問題があります。 私は自分自身を説明しています：ページの上部に固定重量：50pxのメニューが1つあります。

私はMainDivを持っています。これは、min-height：100％の主要なdivです。私はすでに高さ：100％をhtmlとbodyに入れました。私の問題は、私のMainDivの背景色がページの上から下に向かないことです。私は私が私のメニューと固定の高さを持っていますが、私はそれを変更する方法を理解していないので、それは知っている...

html { 
    height: 100%; 
} 

body { 
    background-image: url('../../Images/fond2.jpg'); 
    background-size: cover; 
    background-attachment:fixed; 
    background-position: left top; 
    margin: 0; 
    height: 100%; 
} 

#menuBackground { 
    background:#2f3036; 
    text-align: center; 
    width : 100%; 
    height : 50px; 
    display : relative; 
} 

#MainDiv{ 
    max-width:850px; 
    min-height: 100%; 
    margin: 0 auto; 
    background-color:#E0CDA9; 
    display : absolute; 
    z-index: 10; 
} 

は私のバイオリンのプロジェクトを見て： http://jsfiddle.net/hr8sL/5925/

私はちょうど背景色を取得したい

がいっぱいページ（トップメニューはもちろんありません）。

編集：私はオーバーフロー：自動を使用しようとしました。それは動作しますが、スクロールバーはdivに配置されています。私はページ全体にスクロールバーを置いておきたい。

Answer 1

これを試してください：あなたは間違いがあります#menuBackground {display : relative;}。

#menuBackground {display : inline-block;}