Eu estou tentando fazer um design de 2 colunas (usandoTwitter Bootstrap) com 2 colunas de igual altura.

Vamos pegar este exemplo:

<div class="row-fluid">
    <div class="span2">
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
        </ul>
    </div>

    <div class="span10">
        test
    </div>
</div>

Porque.span2 é a mais alta das duas colunas, faz.row-fluid esticar para acomodar sua altura. Depois de lerEste artigo, Eu estava esperando essa configuraçãomin-height: 100% em.span10 faria alongar a altura total, mas isso não acontece:

http://jsfiddle.net/WTNeB/1/

Por que é que? Qualquer solução para fazer.span10 esticar a sua altura de pai, evitando definir uma altura fixa, para manter este projeto flexível?