css - Chrome で背景を固定するにはどうすればよいですか?

Question

私が取り組んでいるサイトには、ブラウザの幅 100% と高さ 100% を埋める必要がある背景画像があります。背景は固定されていません - スクロールします)。

ライブデモ: http://ridge.mydevelopmentserver.com/

<div id="mainContent" class="bg1">my content</div>

#mainContent {
height: auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color:#777777;
padding:20px;
box-sizing: border-box;
}

.bg1 {
background:url(../images/backgrounds/bg1.jpg)  no-repeat center center fixed;   
}

Chromeで背景を固定する方法を知っている人はいますか?

ありがとう ：）