Haz dos columnas de la misma altura.

Estoy tratando de hacer un diseño de 2 columnas (usandoTwitter Bootstrap) Con 2 columnas de igual altura.

Tomemos este ejemplo:

<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 Es el más alto de las dos columnas, lo hace..row-fluid Estirar para acomodar su altura. Despues de leerEste artículo, Esperaba ese ajustemin-height: 100% en.span10 Lo haría estirar a la altura completa, pero no lo hace:

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

¿Porqué es eso? Cualquier solución para hacer.span10 Estírese a su altura original, evitando establecer una altura fija, para mantener este diseño flexible.