Ciao a tutti,

non riesco ad affiancare correttamente dei div, devo fare una cosa del genere:

codice:
 <div id="content">
  <div id="box1"></div><div id="box2"></div><div id="box3"></div><div id="box4"></div>
  <div id="box5"></div>
  <div id="box6"></div><div id="box7"></div>
 </div>
Il mio css:

codice:
div#content
{
 margin-left:200px;
 padding: 1em;
}
div#box1
{
 float: left;
}
div#box2
{
 float: left;
}
div#box3
{
 float: left;
}
div#box4
{
 float: left;
}
div#box5
{
 width: 500px;
}
div#box6
{
 float: left;
}
div#box7
{
 float: left;
}
In pratica vedo i box 6/7 all'esterno del content e il box 5 che parte da dove parte il box 1/2/3/4 anzichè partire da sotto questi 4 box.

Suggerimenti?
Thanks