Protáhnutí boxů

Zdravím,

mám takový drobnější problém, který, ačkoli se stydím, nevím jak vyřešit :-).

Máme dva sloupce vedle sebe ->

<div class="product" align="center">

<div class="product-left">

<img src="1.jpg" width="210" height="500" />

</div>

<div class="product-right">

blablabla

</div>

</div>

css ->

.product {width: 420px; min-height: 333px; height: auto; border: 1px solib #181818; float: auto; 

          margin: 11px auto 0px auto; 

          text-align: center;}

.product-right {width: 209px; min-height: 100px; height: auto; border-left: 1px dashed whitesmoke; background: navy; 

                float: right; margin: auto;}

.product-left {width: 210px; min-height: 100px; height: auto; background: white; float: left; margin: auto;}

Problémem zůstává proměnlivá výška obou boxů, kterou nikdy vědet nebudu; proto potřebuju, aby se oba protáhly vždy stejně (na výšku). Mé pokusy s clear: both; selhaly, nechápu, dřív mi to fungovalo :-).

Dík za každou radu a připomínku ;-).

V Opeře 8.54 nefunkční, k žádnému protažení boxů nedošlo, spíš se mi teď dá scrollovat hodně dolů do stránky :-). Ale díky za tip ;-).

To opravdu nejde nijak udělat? :-(

G-E-N-i-á-l-n-í *POTLESK* skutečně mně to nenapadlo, nemám čas to teď testnout ale myslím, žes na to kápnul ;-). Skutečně se zdá, že to bude přesně fungovat ;-).