I would like to ask for a help with this task:
I need to force div to have 100% width of page, NOT parent.
This is possible in way like this:

```
<style>
   .parent {width:980px; margin:0 auto;}
   .maxwidth {position: absolute; left: 0; right:0; width:100%; height: auto;}
</style>

<div class="parent">
   <div class="before">
      height is not fixed
   </div>

   <div class="maxwidth">
      100% width of page
   </div>

    <div class="after">
       height is not fixed
    </div>
</div>

```

But i don't now how to make DIVs .before and .after work with not-fixed height. 
Problem is, that DIV .after is not visible because it is under div .maxwidth and when I make DIV .before higher (for example put more text inside), it is again under div .maxwidth.

Thank You for help.