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:
codice:
<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:
codice:
.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!