Problem med float

Jag har en parent-div som omsluter två child-divar. Child-divarna ska ligga till höger och vänster om varandra. Men så fort jag sätter float på mina child-divar så är det precis som att de lämnar sin parent då denna krymps ihop till 0 i height. Finns det något sätt åstadkomma detta dvs. parent-diven ligger som bakgrund till child-divarna även när dessa är satta till float?

<div id="content">
<div id="firstchild" style="position:relative;float:left">
</div>
<div id="secondchild" style="position:relative; float:left">
</div>
<div>

jo det fungerar då, men ska det var så? är detta rätt sätt att lösa det på?
Känns bara konstigt att float gör så att divarna hoppar ur parent.

Will do. Tack för visat intresse!