pagewidth Options

[Maccabee]

Ok so im having some troublw with my page width?

I dont think many people do what im trying to do but Im trying to put all my content into like a big white box.

Kinda like msnerds does.

But for some reason it isnt reading the floating content and nav.

so heres the body:

CODE

<div align="center">

<div id="pagewidth">
<br>


<div id="header"></div></center>
    

<div id="navigation" >
<h1>The Site</h1><p>
    <a class="nav" href="index.php">Home</a>
    <a class="nav" href="support.php">Support</a>
    <a class="nav" href="credits.php">Credits</a>

    <a class="nav" href="contact.php">Contact</a>

    <a class="nav" href="faq.php">FAQ</a>
    <a class="nav" href="advertise.php">Advertise</a></p>
    
<h1>Myspace</h1><p>
    <a class="nav" href="layouts.php">Layouts</a>
    <a class="nav" href="divs.php">Divs</a>


    <a class="nav" href="boxes.php">Comment Boxes</a>
    <a class="nav" href="contactbuttons.php">Contact Buttons</a>
              <a class="nav" href="codes.php">Codes</a></p>
    

    
    <h1>Resources</h1><p>
    <a class="nav" href="brushes.php">Brushes</a>
    <a class="nav" href="tutorials.php">Tutorials</a>

    <a class="nav" href="textures.php">Textures</a>

    <a class="nav" href="fills.php">Glitter Fills</a>  
    <a class="nav" href="backgrounds.php">Backgrounds</a> </p>

<h1>Advertising</h1>

</div>







<div id="content" >
    Heres all my content    Heres all my content    Heres all my content
    Heres all my content    Heres all my content    Heres all my content
    Heres all my content    Heres all my content    Heres all my content
    Heres all my content    Heres all my content    Heres all my content



</div>
</div>

and heres the css for the pagewidth:

CODE

#pagewidth
{
background-color:#ffffff;
width:880px;

margin:20px;
border:5px solid #ffffff;
height: auto;

}

and heres the css for the content and navigation:

CODE

#navigation{
width:180px;
float:left;  
position:relative;
background-color:#ffffff;
margin-top: 20px;


}  


#content{background-color: #ffffff;  
float: right;
display:inline;
position: relative;
width:670px;
text-align:left;
margin-top: 20px;


}

Please help!

Thanks