Как добиться того, чтобы многострочный текст работал в многострочной ячейке?

У меня есть таблица, в которой есть ячейки переменной ширины и высоты, заданные в процентах, и я хочу, чтобы текст был усечен, как при переполнении текста: многоточие; но я хочу, чтобы текст заполнял мою ячейку несколькими строками, пока не закончится место.

.cell {
    background: green;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

Я подготовил пример на jsFiddle: http://jsfiddle.net/QEL2G/22/

В этом примере я хочу, чтобы в зеленом поле было три строки текста (НЕ ДОЛЖНО заканчиваться на [...]), но не весь Lorem ipsum, если он не помещается в отведенный размер.

Если убрать белое пространство: nowrap; он перестанет усекать его после первой строки, но тогда он, кажется, не учитывает высоту ячейки и не будет вообще усекать.

Я пробовал много разных вещей, на самом деле есть очень простой ответ, если я хочу определить статический размер ячейки ... но это не так.