Не удается получить «переполнение текста: многоточие;» работать

Я не могу получить "текстовое переполнение: многоточие;" работать... Может быть, кто-то может помочь мне с этим :-)

Небольшой пример: http://jsfiddle.net/qKS8p/2/

разметка http:

    
…
    

        
column one
        
column two
        
column three
    
    
…

правила стиля css:

.prose {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

Я ожидаю, что «второй столбец» будет обрезан из-за ширины td 20px. Я также пробовал разные варианты с div, tds и т. д., но не вижу никаких изменений. Обратите внимание, что это не работает ни в одном браузере, который я проверял. Так что определенно есть что-то, чего мне не хватает.

Есть миллионы страниц с примерами, различиями в браузерах и так далее. Но я не могу заставить это работать! Согласно текущей информации, простой атрибут text-overflow теперь поддерживается во всех основных браузерах. Итак, я ищу чистое решение css (не xul, не плагин jquery), так как это должно работать.

Спасибо, аркаща