Place content in a TD without affecting a dynamic table's layout. CSS only if possible

I have table that I want to remain dynamic meaning that I don't want to assign column widths in either pixels or percentages.

For the most part the table does a good job of assigning reasonable column widths. The problem is that occasionally I need to load up one or more TDs with data that is unusually wide. The result is that the entire table layout is shifted to deal with the extra wide TD content.

I want to somehow markup that one TD or its content to have it just fit in the existing layout without affecting with column widths. I DO want the TD height to be affected.

Basically I want to FORCE the content to wrap in the existing TD without the TD trying to accommodate the content by adjusting the column widths.

It's a bit hacky, but making the width of that cell as small as possible brings it down to the width it would have been had it been empty. The text wraps and forces the cell height to change as required.

Email codedump link for Place content in a TD without affecting a dynamic table&#39;s layout. CSS only if possible