title: Make width from child DIV larger than parent div with CSS
body: <p>is it possible to make the '<strong>width</strong>' from a <strong>child DIV</strong> larger than the 'width' from the parent DIV... (<strong>with css only</strong>)</p>
  
  <p>Please see the following example for more details: </p>
  
  <blockquote>
    <p><a href="http://jsfiddle.net/6UFs4/" rel="nofollow">http://jsfiddle.net/6UFs4/</a></p>
  </blockquote>
  
  <pre><code>    &lt;div id="main"&gt;
    &lt;div id="sidebar"&gt;DIV1
          &lt;div id="sidebar_2"&gt;DIV1 Sub&lt;/div&gt;
    &lt;/div&gt;
    &lt;div id="page-wrap"&gt;DIV2&lt;/div&gt;
  &lt;/div&gt;
  
  #main
  { 
      display: block;
      width: 100%;
  }
  #sidebar    
  {
      background-color: Aqua;
      float: left;
      width: 80%;
  }
  
  #sidebar_2    
  {
      background-color: Lime;
  }
  
  #page-wrap  
  {
      background-color: Gray;
  }
  </code></pre>
  
  <p>The size from <strong>DIV1 Sub</strong> should be 100% from browser window and not limited from parent DIV. I tried using <strong>overflow: visible</strong> but it´s not working...</p>
  
  <p>Any ideas? Thanks in advance.</p>