Bilder schieben sich aus dem Inhalt der Seite

Wenn ich im "<div id="content">" Bilder habe schieben sich diese je nach Höhe über den Seitenrand nach unten. Dies geschieht aber nur dann, wenn die Bilder rechts oder links formatiert werden zum Beispiel mit dem Tag "bild-links-text".
Siehe Beispiel : http://s201291267.online.de/muster-inhalt.htm Wenn die Bilder nicht formatiert werden, passt sich die Seite an.
Woran könnte das liegen?
.bild-links-text {
float: left;
border: 2px solid #000;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
}

Zitat von Jörg

Wenn ein Element floatet, wird dieses nicht mehr vom Elternelement umspannt.
Lösung 2:
das Elternelement erhält die Eigenschaft "overflow: auto"

#content-bottom {
    overflow: auto;
}

Vielen Dank mit Lösung 2 hat es geklappt.