Strano effetto di img dentro un div

[VaLvOnAuTa]

Per fare un sito ad un cliente, sto dandogli la possibilità di personalizzarselo il più possibile dandogli la possibilità di crearsi paragrafi, blocchi di testo, immagini e quant'altro.
Tramite php gli semplifico l'utilizzo dei tag e sostituisco i tag creati dal pannello d'amministrazione con i tag standard (cercando di rispettare più possibile gli standard xhtml).

Ora capita che creando un div ed inserendovi un'immagine, il div non prenda l'altezza dell'immagine stessa, il che risulta antiestetico:
Con questo codice:

<div id="container">
 <div style="padding:2px; background-color:#fee8a1;">
  [img]./scripts/img.php?id=4[/img]
  <span style="color:#000000;">Fabrizio

  

  Si occupa della creazione, manutenzione ed amministrazione del sito web
  </span>
 </div>
 

 <div style="padding:2px; background-color:#fff9b2;">
  [img]./scripts/img.php?id=5[/img]
  <span style="color:#000000;"> Antonio

  

  Il boss. Si occupa della gestione economica del sito, dell'organizzazione delle serate, della selezione dello staff e dei gruppi 
  </span> 
 </div>    
</div>

Ottengo questo risultato:


Ho capito che è il float dello stile dell'immagine a creare problemi, ma se non ce lo metto come faccio ad ottenere lo stesso risultato col testo allineato a destra dell'immagine? :master:

[zoom]

io direi che il metodo più semplice è controllare se c'è un'immagine e poi applicare questo style al div

style="height:auto!important;height:50px;min-height:50px;"

inserendo l'altezza dell'immagine

[VaLvOnAuTa]

Ho risolto mooooolto più banalmente con

<div style="padding:2px; background-color:#fee8a1; overflow:auto">

[VaLvOnAuTa]

Originariamente inviato da VaLvOnAuTa
Ho risolto mooooolto più banalmente con

<div style="padding:2px; background-color:#fee8a1; overflow:auto">

Com'è che funziona solo con ff mentre col maledettissimo ie no?

[zoom]

:master:
ma overflow:auto non serve mica per mettere le scrollbar nel caso l'oggetto sia più piccolo del contenuto?
:master:

cmq su IE non funziona perchè... è Ie

[VaLvOnAuTa]

Originariamente inviato da zoom
:master:
ma overflow:auto non serve mica per mettere le scrollbar nel caso l'oggetto sia più piccolo del contenuto?
:master:

cmq su IE non funziona perchè... è Ie

Dovrebbe.. ma se non metto una dimensione fissa all'altezza dovrebbe risultare impossibile che il contenuto "overflowi" il contenitore, no?

[zoom]

anche questo è vero

[troglos]

<div style="padding:2px; background-color:#fff9b2;">
[img]img/blabla.jpg[/img]
<span style="color:#000000;"> Antonio



Il boss. Si occupa della gestione economica del sito, dell'organizzazione delle serate, della selezione dello staff e dei gruppi
</span><div style="clear:left;"></div>
</div>

prova così