Problème de css

Bonjour,

Le code HTML suivant :

<div id="content">
  <div id="gauche">Placez ici le contenu de  id "content"</div>
  <div id="centre">Placez ici le contenu de  id "content"</div>
  <div id="droite">Placez ici le contenu de  id "content"</div>
  <div class="correction"></div>
</div>

Voila ce que je souhaite faire :

1 - Trois colonnes les unes a coté des autres.
2 - La colonnes id="gauche", doit être bien sûr à gauche :) mais en largeur peux être modulaire suivant la définition de l'écran du visiteur.
3 - Les colonnes id="centre" et id="droite" viennent se mettre l'une à coté de l'autre et en flottant à droite et ont une taille fixe. Par exemple 150px chacune.

Remarque : La class "correction" à pour style "clear:both" car mes colonnes peuvent avoir une hauteur différente chacune.

J'arrive bien à mettre les colonnes les unes à cotés des autres mais je n'arrive pas à faire en sorte que la colonne de gauche soit modulaire suivant la définition de l'écran.

Quelqu'un saurait-il comment faire ?

Merci par avance.