zobrazení vnořených <DIV>ů

Mám tento kód (jenom pro demonstrování chyby na kterou jsem narazil):

<div id="hlavni" style="border:5px solid black;background:black;">

	<div style="width:250px;float:left; border: 0px solid
black;padding:0px;background:gray">
		<div style="width:auto;border: 1px solid black; padding:5px;">
		naky text
		</div>
	</div>

	<div style="width:150px;float:left; border: 0px solid
black;padding:0px;background:red">
		<div style="width:auto;border: 1px solid black; padding:5px;">
		naky text
		</div>
	</div>

</div>

Jeho účel je zřejmý, jeden div #hlavni a v něm dva vnořené (navíc vnořené
ještě v jednom "matrjoška" divu) - proč mi ale onen první DIV #hlavni
neobtéká ty dva vnořené v ŽÁDNÉM prohlížeči a sráží se nahoře?? Když mu pak
nastavím šířku dejme tomu WIDTH:420px, tak sice obtéká, ale jenom v IE a
Opera, v Mozzile ne.... když mu nastavím float:left, tak obtéká ve všech,
ale float:left použít nechci. Můžete to někdo otestovat u sebe, případně
říct v čom dělo ? Dík JVot