Tabelle läuft über übergeordnetes div, wenn td-Inhalt zu breit ist

Ich habe eine JSFiddle vorbereitet, um Ihnen mein Problem zu erklären / zu zeigen:http://jsfiddle.net/nz96C/

Es sieht auf den ersten Blick in Ordnung aus, aber wenn ich Text hinzufüge#firsttd Die gesamte Tabelle überläuft das übergeordnete div, sobald die gesamte Breite von tds verwendet wird. Ich kann dieses Problem mit CSS lösen (#firstdiv {width:90px;overflow:hidden;}), aber ich kenne die genaue Anzahl der Pixel nicht (Prozentsatz funktioniert nicht). Ich möchte auch nicht, dass der Text in der ersten Zeile umgebrochen wird.

Ich hoffe, Sie bekommen mein Problem, ich habe sogar Probleme, es in meiner Muttersprache zu erklären.

BEARBEITEN: Mein Ziel ist es, eine Tabelle zu haben, in der es egal ist, wie lang der Text im ersten td ist. Die Tabelle sollte niemals den übergeordneten div überlaufen - ohne dass der Text umgebrochen wird. Ich möchte, dass der Text, der über das erste td hinausläuft, nicht angezeigt wird.

Antworten auf die Frage(1)

Ihre Antwort auf die Frage