Problem mit wiederholenden Hintergrundbild bei 'float'

[Christian]

Hallo!

Habe schon ausführlich die Suchfunktion genutzt, leider aber für mich nichts passendes Gefunden.

Ich habe folgendes Problem:
Da ich auf ein Tabellenlayout verzichten möchte, erstellte ich 3 Div-Container die nebeneinander stehen.
Nun habe ich das Problem, dass das Hintergrundbild nicht wiederholt   wird, wenn z.B. in der mittleren "Div-Box" die Größe des Hintergrundbildes überschreitet..
Habe ein wenig herumexperimentiert und kann davon ausgehen, dass der Befehl 'float' dies bewirkt.

Leider weis ich jetzt nicht weiter und hoffe auf Eurere Mithilfe:

Hier meine CSS:

#hintergrund {
 background-image: url(images/hintergrund.gif);
 background-repeat:repeat-y fixed;
 height: 50px;
 }

#links {
        width: 120px;
 float: left;
 }

#mitte {

width: 730px;
 float: left;
 }

#rechts {
 width: 145px;
 float: right;
 }

Hier meine XHTML-Datei (Auszug):

<div id="hintergrund">
   <div id="links> [Inhalt] </div)
   <div id="mitte> [Inhalt] </div)
   <div id="rechts> [Inhalt] </div)
</div>

Vielen Dank!