Lägga lager efter varandra i sid och höjdledd.

Vet inte om detta går att göra som jag vill, men man kan ju alltid fråga.....
Jag har ett antal div:ar som är olika höga men alltid 197px bred.
Jag vill att dessa skall lägga sig bredvid varandra så länge de få plats, vilket jag fått till med Float:left.
Problemet är när de lager som inte får plats skrivs ut under den första raden, så hamnar det ju i höjd med slutet på den div som är högst i första raden. Hänger ni med? Detta gör ju att det blir ett tomrum mellan varje lager i höjdledd, utom på det högsta lagret, vilket inte är snyggt!

Vad jag vill göra är en sida med kolumner som alltid fyller ut hela bredden på webbläsaren. Går detta göra och isåfall hur?

<div style="FLOAT: left; WIDTH: 197px; POSITION: relative">
  text 
</div>

<div style="FLOAT: left; WIDTH: 197px; POSITION: relative">
  mera text
</div>

<div style="FLOAT: left; WIDTH: 197px; POSITION: relative">
  kanske jätte mycket text som gör att lagret blir jättehögt
</div>

<div style="FLOAT: left; WIDTH: 197px; POSITION: relative">
  en rad med text
</div>

osv....