Altura div de invólucro é 0 com elementos flutuantes dentro

Eu tenho um wrapper<div> que contém dois interiores<div>s que estão flutuando.

<div class="outside" style="border:1px solid #555;">
  <div class="inside" style="float:left; width:40px;">CONTENT</div>
  <div class="inside2" style="float:left; width:40px;">CONTENT</div>
</div>

O problema é o wrapper<div> tem largura de 80px desde dois internos<div> são 40px cada. Mas sempre o wrapper<div> é0px na altura que faz a borda parecer uma linha no topo.

Então eu coloquei os dois internos<div>s dentro de um<table>. Funcionou bem. Mas como evito esse problema sem passar por um<table>?

questionAnswers(3)

yourAnswerToTheQuestion