Jak unosić element pozostawiony z pełną wysokością opakowania?

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%;
}

Jak mogę nadać pływającej div pełną wysokość opakowania (którego wysokość jest różna)?

czy to możliwe bez jQuery?

Test:http://jsfiddle.net/Q6B43/

questionAnswers(2)

yourAnswerToTheQuestion