3-spaltiges Layout

[Jürgen]

Guten Morgen,

es wurde ein 3-spaltiges Layout realisiert.
Nun soll unter den 3 Spalten eine div Zeile mit copyright,etc erfolgen (#bottom).

|1|2|3|
------
bottom
------

#col1
{
  float: left;
  min-width: 190px;
  margin: 10px 0px 0px 0px;
  min-height: 600px;
}

#col2
{
  float: left;
  width: 388px;
  margin: 10px 0px 0px 0px;
  min-height: 600px;
}

#col3
{
  float: left;
  width: 160px;
  margin: 10px 0px 0px 0px;
  min-height: 600px;
}

#bottom
{
  margin: 20px 0px 0px 0px;
  clear: both;
  width: 100%;
  height: 300px;
}

Allerdings rutscht dieses bottm div immer in die 2 Spalte rein.
Die Spalten sind ja immer unterschiedlich tief.

Woran kann das liegen.

Danke