Как лучше всего разбить HTML-текст на косые черты (/)?

У меня есть HTML-таблица шириной 360 пикселей, которая отлично работает. Проблема в том, что иногда в тексте появляется URL-адрес http: // this / is / a / действительно-действительно-действительно-действительно-действительно / long / url . В результате таблица расширяется по горизонтали, а внизу появляется полоса прокрутки.

Я не думаю, что overflow: hidden будет работать, потому что половина текста будет скрыта.

Как лучше всего принудительно разорвать линию косой чертой (/) и тире (-) в CSS (надеюсь)?

Он должен работать с IE7 +, Chrome, Firefox и Safari.

Работа в Rails 3 и jQuery.