CSS - help with getting a DIV with 3 nested DIVS to display the way I need...

[adstudio3d]

I figured the simple stuff would be a good spot for this... Just need help with getting a DIV with 3 nested DIVS to display the way I need...


<div id="site-wrapper">
<div id="header-wrapper"></div> (100% page width)
<div id="header-left"></div> (aligned left)
<div id="header-center"></div> (aligned center)
<div id="header-right"></div> (aligned right)
</div>
<div id="image-wrapper"></div> (100% page width)
<div id="previous-btn"></div> (aligned left)
<div id="main-image"></div> (aligned center)
<div id="next-btn"></div> (aligned right)
</div>
<div id="content-wrapper"></div> (fixed width.. if browser is)
</div> (smaller srollbars are active)


Here is an image of what I need to do...
i760.photobucket.com/albums/xx248/three7studio/siteDivHelp.jpg