Problemas para posição de div no FF

Bem a baixo vai um codigo escamatico como exemplo depois vem o meu problema

#col1,#col2{ float:left; }#col1{ width:150px; / height:auto; --->esta foram tentativas de resolver height:inherit / }#col2{ width:450px;}

<div id="Master">

<div id="col1">
	tem um texto
</div>
<div id="col2">
	<div id="elemento1">

 <div id="subcol1">
 </div>
 <div id="subcol2">
 </div>
 <div id="subcol3">
 </div>

	</div>

	<div id="elemento2">

 <div id="subcol1">
 </div>
 <div id="subcol2">
 </div>
 <div id="subcol3">
 </div>

	</div>

	<div id="elemento3">

 <div id="subcol1">
 </div>
 <div id="subcol2">
 </div>
 <div id="subcol3">
 </div>

	</div>

</div>

</div>

Bem o caso e que esta estrura e criada dimicamente com dados do servidor no caso podem ter quantos elementosN forem nescesarios, o problema e que no firefox quando chega um certo numero o div da col2 fica maior que o div da col1 e os elementos começam a entortar ficando de baixo da col1 por que ela não aumenta de tamanho, que e o comportamento esperado ja que ela e filha de master que aumenta de tamanho para acomodar col2, pelo menos a w3c diz que elementos filhos herdam as caraqueteristicas do pai. mas pelo visto o FF não sabe disto