title: Make <div> as wide as page
body: <p>Let's say I have a <code>&lt;div&gt;</code> (<code>#container</code>) that's set to 960px for it's width. Inside that <code>&lt;div&gt;</code> , I want to create another <code>&lt;div&gt;</code> (<code>#drawer</code>) that's as wide as the page window. So basically, I would like to create a <code>&lt;div&gt;</code> within a <code>&lt;div&gt;</code> that's wider than its parent <code>&lt;div&gt;</code>:</p>
  
  <pre><code>&lt;div id="container"&gt; // Set at 960 px
  
  &lt;div id="drawer"&gt; // I'd like this to be as wide as the window
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#content {
  top:200px;
  position:absolute;
  width: 940px;
  padding-bottom:100px;
  }
  
  #drawer {
  ????
  }
  </code></pre>
  
  <p>---Update---</p>
  
  <p>Hey Everyone,</p>
  
  <p>Thanks for all the answers. I guess I should make my answer a little easier to follow. See below for some sort of visual description. I hope it helps!</p>
  
  <p><img src="https://i.stack.imgur.com/WYA4y.png" alt="http://f.cl.ly/items/0n2C0B032B1C3i2G390y/div.png"></p>