maksimum og minimum brede på div

Jeg har en side delt op i 4 dele: top, ventre, center og højre del. Alle disse dele ligger inden i en main-div. Det er denne jeg ønsker skal variere fra 760 px til 900px afhængig om der er plads på skærmen.

min css ser således ud:

body {
    text-align: center;
    margin : 0px 2px 10px 2px;
    padding: 0px 0px 0px 0px;
}
#main {
    text-align: left;
    width: 760px;
}
#top, #left, #center, #right {
    text-align:left;
    margin: 0px 0px 0px 0px;
    float: left;
}
#top {
    width: 760px;
    margin: 0px 0px 10px 0px;
    height: 50px;
}
#left {
    width: 150px;
}
#center {
    padding: 0px 3px 5px 3px;
    width: 404px;
}
#right {
    width: 200px;
}

og min html:

<div id=\"main\">
  <div id=\"top\">
  Indhold
  </div>

  <div id=\"left\">
  Indhold
  </div>

  <div id=\"center\">
  Indhold
  </div>

  <div id=\"right\">
  Indhold
  </div>

</div>

Et af de problemer jeg løber ind i, når jeg ønsker at left og right skal have en fast brede hvorimod center bare skal udfylde pladsen i mellem, er at hvis jeg her lader vær med at definere nogen brede til center udfylder den resten af pladsen bare helt ud til kanten af main-div\'en hvilket medføre at right ryger ned på en ny linie.

Håber i kan hjælpe mig med dette problem, på forhånd tak.