CSS: Två div'ar bredvid varandra

Hej!

Jag har ett litet problem med CSS. Jag har ett stort <div>-element. Inuti detta har jag två <div>-element som ska ligga bredvid varandra.

Grejen är att om jag använder mig av float på de två inre div'arna, så resizas inte den omslutande div'en på höjden. Jag vill alltså att höjden på den yttre, omslutande div'en, skall bestämmas av höjden på de två inre div'arna (den som är högst av de två alltså).

Använder jag mig inte av float, så hamnar de inre div'arna under varandra, och inte bredvid.

Hur göra?

Bild
http://fjorton.kicks-ass.net/image1.jpg

Lägg till en div efter den högra kolumnen <div style="clear: both;"></div>

...eller så placerar du detta innan du avslutar den omslutande div´en:

[red]<br style="clear: both;" />[/red]

..vilket fungerar lika bra. :)

Jag brukar köra förjande:

div.container {
  width: 100%;
}

div.container, div.container div {
  float: left;
}

div.container div {
  width: 50%;
}

<div class="container">
  <div></div>
  <div></div>
</div>

Nackdelen är i såfall att man inte kan centrera en <div class="container">.