Supponendo di avere tutta una serie di <div> ciascuno con id="NOME_ASSEGNATO" (pero` ne ho cambiati alcuni per non incorrere in alcuni bachi ed evitare confusioni), puoi impostare il CSS cosi`:
codice:
html, body {
  width: 100%;
}
#header {
  width: 100%;
}
#navigation {
  width: 100%;
}
#menu {
  width: 14%;
  float: left;
}
#international {
  width: 6%;
  float: left;
}
#image1 {
  width: 50%;
  float: left;
}
#rightBox {
  width: 29%;
  float: left;
}
.separ {
  clear: both;
  height: 1px;
  font-size: 1px;
}
#button {
  width: 20%;
  float: left;
}
#path1 {
  float: left;
}
#searchBox {
  width: 20%;
  float: left;
}
#content {
  float: left;
}
#otherInfo {
  width: 50%;
  float: left;
}
#bottomBox {
  margin: 20%;
  clear: both;
}
Prima di button e dopo path mettici ogni volta
<div class="separator" </div>
In modo da far andare a capo cio` che segue.

Occorrera` anche inserire altre proprieta`, ma con questo dovresti ottenere qualcosa che si avicina al tuo schema.