css - ウェブサイトの背景画像を作成しましたが、コンテンツが乗っ取られています

Question

友人のウェブサイトの仕上げをしています。彼らは、「特集」ページに循環する背景画像のセットを表示したいと考えています。私はそれをテストしました - 問題ありません。ただし、背景画像がページの残りのコンテンツを引き継いでいます。

スクエアスペースを使用しています。これは私がこれまでに得た HTML です:

<div id="background-wrap"></div>
<div class="with-bg-size" style="position:fixed; top:0px; left:0px; z-index:900; width:100%; overflow-y:hidden; overflow-x:hidden; margin:auto;"></div>

CSS は次のようになります。

body {height:100%; overflow-y:hidden;}

.with-bg-size
{
  background-image: url('https://dl.dropboxusercontent.com/u/10022474/events.jpg');
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

今、私が配置したその背景画像がナビゲーションを含む残りのコンテンツを引き継いでいるので、私は立ち往生しています. 私にできることはありますか？