title: 960 css framework, alpha/omega issue
body: <p>Im using the 960 css framework. The issue is Im trying to use the full 960 width in a 3 column layout. So Im using the container 16 and using 3 divs with grids. The first and last grid Im using alpha and omega to remove the left and right gutter. It is removing the alpha gutter but not the omega gutter. Here is the html:</p>
  
  <pre><code>&lt;div class="container_16" id="section_body"&gt;
      &lt;div class="grid_3 alpha" style="background:red;"&gt;body left&lt;/div&gt;
      &lt;div class="grid_10" style="background:green;"&gt;body&lt;/div&gt;
      &lt;div class="grid_3 omega" style="background:blue;"&gt;body right&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The css for section body is:</p>
  
  <pre><code>#section_body {
      min-height:500px;
      overflow:hidden;
      background:#fff;
  }
  </code></pre>
  
  <p>Here is a screenshot o the issue, you can see the last div in blue doesnt go all the way to the right. What am I doing wrong?</p>
  
  <p><img src="https://i.stack.imgur.com/UgIbs.jpg" alt="enter image description here"></p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I tried removing all styling except for the 960 css and the 3 divs and I still have the same issue. No matter what I cant get it to go the whole 960px width. It will only go 940px width.</p>