Tabela przelewa nadrzędnego div gdy zawartość td jest zbyt szeroki

Question

przygotowałem JSFiddle wytłumaczyć/pokazać wam mój problem: http://jsfiddle.net/nz96C/

wygląda dobrze na początku, ale kiedy dodać jakiś tekst do #firsttd cały stół przelewa rodzica div, gdy używana jest tds, cała szerokość. Wiem, jak rozwiązać ten problem z CSS (#firstdiv {width:90px;overflow:hidden;}), ale nie wiem dokładną liczbę pikseli (procent nie działa). Nie chcę też zawijać tekstu z pierwszego td.

Mam nadzieję, że dostaniesz mój problem, nawet mam problem z wyjaśnieniem go w moim pierwszym języku.

EDYCJA: Moim celem jest posiadanie tabeli, w której nie ma znaczenia, jak długo tekst w pierwszym td jest, tabela nigdy nie powinna przepełniać elementu div rodzica - bez zawijania tekstu. Chcę, aby tekst, który przepełnia pierwszy td, nie był pokazywany.

Answer 1

Ta sama odpowiedź co inny bardzo aktualny temat: table-layout:fixed; + szerokość. DEMO

table { 
    table-layout:fixed; 
    width:100%; 
} 
td { 
    border: 1px solid black; 
    overflow:hidden;/* optionnal*/ 
} 
#firsttd { 
    white-space: nowrap; 
}