css - ラッパーの全高を残して要素をフロートさせる方法は?

Question

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

フローティング div にラッパーの全高 (高さが変化する) を与えるにはどうすればよいですか?

jQueryなしで可能ですか？

テスト: http://jsfiddle.net/Q6B43/

Answer 1

追加：

body, html { height:100% }

そして、ラッパーにピクセル単位で固定の高さを与えます。