rozłożenie div'ów Opcje

[Pigula]

chcialem strone przerobic z ulozenia tabelowego na divy i mam taki problem:
strona sklada sie z trzech czesci: gora, srodek, dol z czego srodek dzieli ma dwa divy obok siebie lewy i prawy kody wyglada mniej wiecej tak:

[HTML] pobierz, plaintext 
<div class="gora">
</div>
<div class="srodek">
  <div class="lewy">
  </div>
  <div class="prawy">
  </div>
</div>
<div class="dol">
</div>
[HTML] pobierz, plaintext 

i problem jest taki ze nie wiem jak dobrac ustawienia wysokosci zeby lewy i prawy mialy caly czas taka samo wysokosc. Czyli zeby srodek przyjmowal wysokosc wyzszego z divow: lewy, prawy. Ustawienie na sztywno wartosci odpada.
Styl wyglada tak:

Kod

.gora {
    width: 980px;
    height: 160px;
}

.srodek {
    width: 980px;
}

.lewy {
    float: left;
    width: 160px;
    height: 100%;
}

.prawy {
    float: right;
    width: 820px;
    height: 100%;
}

.dol {
    width: 980px;
    height: 16px;
}

jeszcze jedno jak lewy jest wiekszy od prawego to wtedy dol znajduje sie tylko pod prawym divem.
czytalem podobne watki na tym forum ale jakos nic nie pomaga. ma moze ktos jakis pomysl?