html - ブラウザの解像度に関係なく CSS-Background を重視

Question

現在、このリンクにアクセスすると、http: //rawgallery.us/user/login の背景が切り取られます。ブラウザ ウィンドウの解像度に関係なく、次の図のように表示されます: http://rawgallery.us/CarlisleBackDropWallRoom.png

私はまだCSSを学んでいるので、どこでも背景をカバーすると思われるこのコードを使用しました。

html { 
  background: url("CarlisleBackDropWallRoom.png") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

私の #page は次のように設定されています:

#page {
  margin-left: auto;
  margin-right: auto;
  min-height:960px;
  min-width:960px;
  max-height:1200px;
  max-width:1200px;

}

html タグは page タグをオーバーライドしますか?

たとえば、ブラウザ ウィンドウが 500x700 または 1200x1500 の場合、背景画像全体を表示する方法を教えてもらえますか?

ありがとう！