div che non capisce di avere degli oggetti dentro e non si espande

[SimoVinci]

Ciao a tutti.

Ho un problema che mi perseguita e spero di poter trovare una soluzione grazie a qualcuno di voi.

Sono in questa situazione:

HTML:

<div id="thumbsContainer">
  <div class="thumb">...</div>
  <div class="thumb">...</div>
  <div class="thumb">...</div>
  <div class="thumb">...</div>
  <div class="thumb">...</div>
  </div>
<div id="logoBasso">LOGO CHE DEVE STARE SOTTO</div>

CSS:

.thumb {
  width:150px;
  height:120px;
  float:left;
}

#thumbsContainer {
  width:100%;
}

#logoBasso {
  position:relative;
  bottom:0px;
  width:100%;
  background-image:url(../immagini/logo.jpg);
  height:120p
}

PROBLEMA:
#thumbsContainer non si espande in altezza. E' come se dentro non avesse niente e mi ritrovo #logoBasso sopra ai primi div .thumb (e non in fondo)

Se dal CSS tolgo float:left a .thumb, funziona!! Ma io li voglio con float left!!

Spero di essermi spiegato chiaramente,

HELP PLEASE!

[fcaldera]

#thumbsContainer {
width:100%;
height: auto;
overflow: hidden;
}


se usi i float devi sapere come fare il clearing. Cerca nel forum.

Ciao

[SimoVinci]

GRANDE!!

Funziona!!

Ma non capisco la logica... perché overflow:hidden è necessario?


Adesso cerco un po' cos'è il clearing,

GRAZIE