Dopo aver consultato la mia guida semiologica e di semantica infantile... eh-ehm... scherzi a parte...
Quello che vedi in Firefox è l'aspetto corretto. Altrimenti non si spiegherebbe perchè la stessa visualizzazione la ottengo sia con Opera che con Safari che, si sa (e se non si sa sappiatelo) sono i due browser che più rispettano gli standard W3C...
Quello che vedi con Internet Explorer è una visualizzazione errata.
Se imposti il valore float per un BOX (in questo caso il DIV) il box NON deve adattarsi in altezza al contenuto ma sei tenuto o a specificarne l'altezza o ad usare un wrapper.
Questo vale, ovviamente, solo per i browser W3C compliant e non per IE che, invece, adatta all'altezza anche i BOX "fluttuanti".
Non chiederti perchè lo visualizzi "male" in Firefox, chiediti perchè lo visualizzi "scorrettamente" in IE.