How to float an element left with full height of the wrapper?

[darraess]

HTML:\[code\]<div class="wrapper"> <div class="left"> Foo </div> <div class="right"> Text row 1 </div></div><div class="wrapper"> <div class="left"> Foo Bar </div> <div class="right"> Text row 1<br> Text row 2<br> Text row 3 </div></div>\[/code\]CSS:\[code\].wrapper { overflow:hidden;}.left { width:80px; float:left; height:100%;}\[/code\]How can I give the floating div the full height of the wrapper (whose height is varying)?is it possible without jQuery?Test: http://jsfiddle.net/Q6B43/