title: Extend child div beyond container div
body: <p>I'm trying to expand this div across with width of the browser. I've read from 
  <a href="https://stackoverflow.com/questions/5590214/make-child-div-stretch-across-width-of-page" title="here">here</a>
  that you can use <code>{position:absolute; left: 0; right:0;}</code> to achieve that as in the jsfiddle here:
  <a href="http://jsfiddle.net/bJbgJ/3/" rel="noreferrer">http://jsfiddle.net/bJbgJ/3/</a></p>
  
  <p>But the problem is that my current <code>#container</code> has a <code>{position:relative;}</code> property, and hence if I apply <code>{position:absolute}</code> to the child div, it would only refer to <code>#container</code>. Is there a way to still extend my child div beyond the <code>#container</code>?</p>