css - 960 グリッド要素が表示されるべきだと思うように表示されない

Question

Web サイトのレイアウトに 960 グリッド システムを使用しています。nivo-slider と h1 タグを真ん中にガターを付けて並べて表示するのに苦労しています。問題の 2 つの要素は両方とも 1 つの div に含まれており、スライダーには次のクラスがあります。

grid_7 

h1 のクラスはgrid_5

これらは、私が使用している 12 列のグリッドに対して最大 12 になります。なぜ重なっているのかわからない

ここに私のscssがあります

@import "compass/reset";

body {
  background: url(../img/background.png);
}

#header {
  background: green;
  margin-bottom: 25px;
}

.slider-wrapper {
  margin-bottom: 10px;
}

#navigation {
  clear: both;
  ul {
    li{
      list-style: none;
      float: left;
      margin: 2px;
      a {
       text-decoration: none;
     }
    }
  }
}

#content-wrapper {
  clear: both;
}

Answer 1

両方をcontainer_12でラップしましたか？

<div class="container_12">
  <div class="grid_5"></div>
  <div class="grid_7"></div>
</div>

Answer 2

私が抱えていた問題を解決しました.2つの要素は、divを含むものにあってはなりません。