automatyczna wysokość, IE dobrze wyświetla, Opera 50/50, FF niestety nie :( Opcje

[Immanuel]

Mam taki plik CSS:

[HTML] pobierz, plaintext 
.calosc {
	width: 780px;
	height: 100%;
	border-style: solid;
    }
    .lewa {
    	float:left;
	width:250px;
	height: 100%;
	border-style: solid;
    }
    .prawa {
    	float:right;
	width:510px;
	height: 100%;
	border-style: solid;
    }
[HTML] pobierz, plaintext 

i taki plik html:

[HTML] pobierz, plaintext 
<div class="calosc">
<div class="lewa">
tutaj tekst
</div>
<div class="prawa">
tutaj tekst
</div>
</div>
[HTML] pobierz, plaintext 

Uproscilem spejalnie, zeby latwo sie czytalo.
I teraz jak wladuje wiecej tekstu do lewlej lub prawej kolumny to:
- IE wyswietla tak jak tego oczekuję: lewa i prawa kolumna maja tę samą wysokość i sa w srodku ''calosci''
- opera po czesci wyswietla tak jak chce: jezeli jest wiecej tekstu w lewej to rozciaga lewą kolumnę i ''calos'' tak aby zajmowaly tyle ile jest potrzeba, ale prawa ''kolumna'' zostaje krotsza. i odwrotnie (jezeli w prawej jest wiecej tekstu to lewa pozostaje krotsza)
- FF calkiem swiruje i zawartosc wystaje poza DIV-a

jest jakis sposb zeby wszystkie przegladarki wyswietlaly to tak jak IE ?