background-color annullato dal float

[frenkytribe]

Ciao a tutti,
sto creando uno schema con i div, me ne servono 1 a sinistra e 2 (uno sotto l'altro) a destra.
Non ho nessuna difficoltà nel crearlo, ma il colore di sfondo deve essere unico per tutte i div, quindi avevo pensato di creare un div contenitore e assegnare a quello il colore di sfondo, mi spiego meglio con qualche esempio.

Facendo così vedo il colore di sfondo su tutti i div

<div style="background-color: red;">
   <div>
      div1
   </div>
   <div>
      div2
   </div>
</div>

Perché se affianco questi 2 div non vedo più il colore di sfondo?

Potreste suggerirmi di assegnare un id o una classe ad ogni div e dargli un colore, ma questo colore nel mio caso è dato da uno script in PHP che varia, non deve essere sempre lo stesso.
Sì, potrei creare uno script che mi cambia tutto il css ma prima vorrei capire il perché non funziona...

Nel mio caso la struttura dei div è composta in questa maniera.

<div style="background-color: red;">
   <div style="float: left;">
      xxx
   <div>
   <div style="float: left;">
      <div>
         xxx
      </div>
      <div>
         xxx
      </div>
   </div>
</div>

[Nobody33]

Assegna una classe ad ognuno dei contenitori con il colore rosso.

[frenkytribe]

Assegna una classe ad ognuno dei contenitori con il colore rosso.

Avevo scritto

Potreste suggerirmi di assegnare un id o una classe ad ogni div e dargli un colore, ma questo colore nel mio caso è dato da uno script in PHP che varia, non deve essere sempre lo stesso.

[ac_socmel]

manca il clearing

[frenkytribe]

cioè? come devo impostarlo?

[Nobody33]

Per il clearing puoi leggere una spiegazione dettagliata QUI

Per la mia risposta hai ragione, non avevo letto la seconda parte, ma visto solamente il codice.