CSS делает два блока div одинаковой высоты с отображаемой таблицей

В следующем HTML div.left и.right имеют разную высоту. Можно ли сделать оба div одинаковой высоты без определения высоты. Я пробовал использовать таблицу отображения :, но не работает.

HTML:

    

       Lorem    
    

    

        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    

CSS:

.wrap{
    overflow:hidden;
    width:250px;
    display: table;
    border-collapse: collapse;
}


.left{
    width:100px;
    float:left;
    display: table-cell;
    border-bottom:1px solid green;    
}


.right{
    width:150px;
    float:left;
    border-bottom:1px solid red;
    display: table-cell;     
}

jsfiddle: http://jsfiddle.net/fJbTX/1/