title: breaking a div out of a fixed width div to become 100% wide
body: <p>at <a href="http://freightplus.com/beta/about-us/" rel="nofollow noreferrer">this page</a>, I want the <code>div.bouble_shaded_bg_full-width</code> to become 100% the width of the browser.</p>
  
  <p>I have tried the following CSS, but this does not work properly, pushing the div to the side of the page:</p>
  
  <pre><code>.bouble_shaded_bg_full-width {
      margin-left: calc(((100%-1140px)/2)*(-1));
      margin-right: calc(((100%-1140px)/2)*(-1));
  }
  </code></pre>
  
  <p>where the main content region is 1140px wide.</p>
  
  <p>How do I make <code>div.bouble_shaded_bg_full-width</code> 100% of the width of the browser if it is contained inside a fixed width div?</p>