У меня следующая структура
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="width:60px;">
...
</td>
<td>
<div style="width:100%;overflow-x:hidden;">
PROBLEMS ARE HERE
</div>
</td>
</tr>
...
</table>
Первый тд занимает 60 пикселей, второй - остальные 100%, но когда у меня есть длинный текст без пробелов и тире, таблица становится больше, чем 100%. Как отобразить неразрывный текст в одну или несколько строк (оба способа приемлемы) и сохранить таблицу на 100% экрана? Я пытался исправить это с помощью overflow-hidden, но это не имеет никакого эффекта.
Вот скриншот проблемы: ссылка