title: Make div background color span entire width
body: <p>What I'm trying to do is have a bootstrap like navbar where the actual navbar is around 960px in the center but have the background color span the entire width of the window.</p>
  
  <p>However, when the window is less than 960px in width, and I scroll, the background doesn't go all the way to the end.</p>
  
  <p><img src="https://i.stack.imgur.com/gTGUi.png" alt=""></p>
  
  <p>Is it possible to make this happen without having custom rules for max-width(960px)?</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;title&gt;Test Page&lt;/title&gt;
      &lt;style type="text/css"&gt;
      #container {
          width: 960px;
          margin: 0 auto;
      }
      #nav {
          height: 33px;
          background-color: #cfcfcf;
      }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="nav"&gt;
      &lt;div id="container"&gt;
          test
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks in advance!</p>
  
  <p>Edit: Oops. Had an extra  in there, though that wasn't the issue.</p>