title: Make nested child element full width of browser
body: <p>I am unable to make a nested child element the full width of the browser, I am wondering if I am missing something easy here.</p>
  
  <p>I created a fiddle showing what I am trying to do here: <a href="http://jsfiddle.net/MrHunter/r2tr6yxu/" rel="nofollow">http://jsfiddle.net/MrHunter/r2tr6yxu/</a></p>
  
  <p>Basically I've tried making the position absolute and left, right: 0. </p>
  
  <pre><code>.child_full_width {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
  }
  </code></pre>
  
  <p>I've tried making it fullwidth using jQuery but the width between the content and left side of the screen is always different. </p>
  
  <p>Wondering if anyone else has overcome this problem?</p>