Ho questo codice, vorrei affiancare il div content e navigator, ma non ci riesco.
Qualcuno mi aiuta.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>

<style>
body,html {
height:100%;
margin:0;
background-color : #FF9933;
}

div#box {
width:600px;
height:510px;
position:absolute;
top:50%;
left:50%;
margin:-255px 0 0 -300px;
background-image : url(images/bgbody.gif);
}

div#header {
width:550px;
height:95px;
margin-top : 15px;
background-image : url(images/header_home.jpg);
}

div#container {
float: left;
width:300px;
height:310px;
margin-top : 10px;
background-color : #ff0000;
margin-right: 169px;
}

div#footer {
width:550px;
height:30px;
margin-top : 27px;
background-color : #ff0000;
}

div#navigation {
float: left;
width:160px;
height:310px;
margin-left:10px;
background-color : #ff9999;
}

div#wrapper {
float:left;
width:550px;
}
</style>
</head>


<body>

<div id="box" align="center">
<div id="header"></div>
<div id="wrapper">
<div id="container"></div>
<div id="navigation"></div>
</div>
<div id="footer"></div>
</div>

</body>
</html>