DIVS mit css anpassen

[droom]

Hi folks,

ich habe folgende Struktur:

<div id="flex">

<div id="flex1">
<div class="im1"></div>
<div class="te1"></div>
</div>

<div id="flex2">
<div class="im2"></div>
<div class="te2"></div>
</div>

</div>

Ich möchte gern so was haben:
|-------------------------------------------------|
|flex                                             |
||-----------------------| |---------------------||
||flex1                  | |flex2                ||
|||-------|  |----------|| ||-------|  |--------|||
|||im1    |  |te1       || ||im2    |  |te2     |||
|||-------|  |----------|| ||-------|  |--------|||
||-----------------------| |---------------------||                                          |-------------------------------------------------|

Ich habe schon so viel probiert aber ich komme einfach nicht zu der richtigen Kombination. Ich möchte nicht mit festen Höhen arbeiten, denn der flex_div soll sich an das Bild bzw. den Text anpassen.