[Resolvido] div lado a lado

como posso fazer com que dois divs fiquem lado a lado, sem que os divs filhos "saiam" do div pai?

já procurei no forum, mas nao achei nada

nao sei se é alguma coisa do IE (no IE 8 fica igual ao Firefox, sem altura... no IE7 fica uma altura ainda, mas nao sei como)

alguem pode me ajudar?

<!-- Este fica lado a lado, mas o div pai perde a altura (nao mostra o background preto) -->

<div style="background-color: black; ">
	<div style="float: left; ">
 <img src="" width="30" height="30" />
	</div>
	<div style="float: left;">
 <img src="" width="30" height="30" />
	</div>
</div>
<br><br><br>

<!-- neste respeita a altura do div pai (fica com o background preto), mas nao fica lado a lado -->

<div style="background-color: black; ">
	<div>
 <img src="" width="30" height="30" />
	</div>
	<div>
 <img src="" width="30" height="30" />
	</div>
</div>

Obrigado pela ajuda!