Hintergrund-Bild in DIV-Container wird nicht angezeigt

[MaWe]

Hallo.

Ich habe folgendes Problem:
Ein DIV-Container beinhaltet 2 weitere DIV-Container nebeneinander (Float).
Der umschliessende DIV-Container soll ein Hintergrund-Bild haben. Ist auch alles so definiert, nur wird das Hintergrund-Bild nicht angezeigt. Der umschliessende DIV-Container beinhaltet sonst nichts, nur die beiden Untercontainer. Wenn ich mir die Sache mit Firebug anschaue, hat der umschliessende Container keine Größe, wie kriege ich es hin, dass der Container so groß ist, wie der größte innere Container ?

<div id="content">
   <div id="left">
      Inhalt-links
   </div>
   <div id="right">
      Inhalt-rechts
   </div>
</div>

Beim Content-Container habe ich ein Hintergrund per CSS definiert (für die rechte untere Ecke).

Wenn ich ein paar Zeilenumbrüche einfüge vor dem ersten Container erscheint das Hintergrund-Bild.
Allerdings oberhalb der beiden Untercontainer.

<div id="content">
   <br /><br /><br /><br /><br /><br /><br /><br />
   <div id="left">
      Inhalt-links
   </div>
   <div id="right">
      Inhalt-rechts
   </div>
</div>

Es soll aber als Gesamt-Hintergrund der beiden Untercontainer dienen.
Wie bekomme ich das hin ?

Vielen Dank für Eure Hilfe.
Martin.

 

[Webdesigner]

Probiere mal width="100%; height=100% für den Hintergrundcontainer zu vergeben.
Ansonsten background-size:cover

 

[MaWe]

Vielen Dank für die Antwort.
Jetzt passt es....