problema con i float

[tarini]

ho una struttura di questo tipo

<li  STYLE="margin-bottom: 10px; border: 1px solid white; width:100%">
	<div style="float:left; width:80%; text-align:justify">
			sdfgsafd fkdfsb jkasb fdjksf jkdasfjkasf jkbdasfhjbdshjfb dsbfjahjdsbfhjdsbfhjdsbfhjbdsggafd
			fgjagbjksfbgjkabgjkdfgdfagfda adf ghsdagh g ghdsg fsgds hdsh h  ssh s hdfs ghdsf hsd hdsf
			hd hdsfh shfkgjnbdjkgndfsngjkdfs hjkdfh gjdskjdsngjdsnvjkndsgjdfgndkjn dfjsn gdjksng kndg
			sdfgsafd fkdfsb jkasb fdjksf jkdasfjkasf jkbdasfhjbdshjfb dsbfjahjdsbfhjdsbfhjdsbfhjbdsggafd
			fgjagbjksfbgjkabgjkdfgdfagfda adf ghsdagh g ghdsg fsgds hdsh h  ssh s hdfs ghdsf hsd hdsf
			hd hdsfh shfkgjnbdjkgndfsngjkdfs hjkdfh gjdskjdsngjdsnvjkndsgjdfgndkjn dfjsn gdjksng kndg
			sdfgsafd fkdfsb jkasb fdjksf jkdasfjkasf jkbdasfhjbdshjfb dsbfjahjdsbfhjdsbfhjdsbfhjbdsggafd
			fgjagbjksfbgjkabgjkdfgdfagfda adf ghsdagh g ghdsg fsgds hdsh h  ssh s hdfs ghdsf hsd hdsf
			hd hdsfh shfkgjnbdjkgndfsngjkdfs hjkdfh gjdskjdsngjdsnvjkndsgjdfgndkjn dfjsn gdjksng kndg
	</div>
	<div STYLE="text-align:right">
		[img]bg.jpg[/img]
	</div>

la struttura finale dovrebbe essere un rettangolo con il bordo (rappresentato dall LI) con al suo interno due DIV uno allineato a sx e uno a destra. Il DIV allineato a sx deve contenere del testo giustificato mentre il DIV allineato a dx deve contenere un immagine. Il problema è che per FireFox il LI finisce esattamente quando finisce l'immagine e se il testo occupa piu righe rispetto all'altezza dell'immagine, le righe in piu vengono scritte al di fuori del bordo. Ho provato a inserire un immagine piu alta e il problema si risolve. non è possibile risolvere questo scomodo inconveniente??

-----------------------------------------------------------
| testo testo testo testo testo testo testo |    imm      |
| testo testo testo testo testo testo testo |    imm      |
| testo testo testo testo testo testo testo |    imm      |
| testo testo testo testo testo testo testo |    imm      |
| testo testo testo testo testo testo testo |    imm      |
-----------------------------------------------------------
  testo testo testo testo testo testo testo
  testo testo testo testo testo testo testo

piu o meno la struttura è cosi. Se avessi inserito un immagine altra come le 7 righe, esse sarebbero esattamente dentro il riquadro. E' come se l'altezza del LI è definita dall'altezza del DIV contenente l'immagine

Sembra come che i DIV che hanno la proprietà style.float non facciano parte del tag che li contiene; infatti se anche al DIV destro metto la proprietà style.float=right il LI diventa alto mezzo centimetro, come se non avesse elementi al suo interno.

questo problema però sussiste solo su FF mentre su IE tutto funziona a meraviglia

grazie per l'aiuto

[whiteduke]

Non so se ti può aiutare ma prova a settare margin: 0;

Ciao

[Mich_]

Anche il div che contiene l'immagine deve essere float (ti conviene float:left; )
Poi ricordati di mettere il clear nel blocco che deve stare di sotto.