title: CSS position absolute and full width problem
body: <p>i have 2 divs and a dl:</p>
  <pre><code>&lt;div id=&quot;wrap&quot;&gt;
   &lt;div id=&quot;header&quot;&gt;
    &lt;dl id=&quot;site_nav_global_primary&quot;&gt;
  </code></pre>
  <p>and this is my style:</p>
  <pre><code>#wrap {
      margin:0 auto;
      width:100%;
      min-width:760px;
      max-width:1003px;
      overflow:hidden;
  }
  
  #header {
      width:100%;
      position:relative;
      float:left;
      padding-top:18px;
      margin-bottom:29px;
  }
  
  #site_nav_global_primary {    
      float:right;
      margin-right:18px;
      margin-bottom:11px;
      margin-left:18px;
  }
  </code></pre>
  <p>Now i want to change site_nav_global_primary to have a full screen width without
  changing the wrap and the header. but when i try:</p>
  <pre><code>#site_nav_global_primary {    
      position: absolute;
      width:100%;
      top:0px;
      left:0px;
  }
  </code></pre>
  <p>The navigation gets the 100% of the wrapper which is max 1003px width. i want it to
  stretch to the maximum without changing the wrap and header divs.</p>
  <p>Is this possible?</p>