Como flutuar um elemento deixado com altura total do wrapper?

HTML:

<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>

CSS:

.wrapper {
    overflow:hidden;
}

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

Como posso dar ao div flutuante a altura total do wrapper (cuja altura varia)?

é possível sem jQuery?

Teste:http://jsfiddle.net/Q6B43/

questionAnswers(2)

yourAnswerToTheQuestion