Текст выезжает за края (как сократить?)

[uExpo]

При подгрузке текста #indicator_loading с /index/script/0-8

$('#indicator').load('/index/script/0-8 #indicator_loading');

Если текст имеет вид:

111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

Без пробелов, то он выезжает за края

Есть какой способ ?

[melky]

я чуть чуть попортил страницу скроллом вправо =^_^=

<style>
body {
background-color:red;
}
div {
background-color:green;
width : 100px; 
white-space: pre-wrap; 
white-space: -moz-pre-wrap; 
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word; 
overflow:hidden;
}
</style>

<div>111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
</div>

[nikita.mmf]

overflow: hidden;

text-overflow: ellipsis;

[uExpo]

Оо.. Точно спасибо

[trikadin]

text-overflow: ellipsis;

Без FF. И без оперы до 11 версии (ссылка).

[uExpo]

А Internet Explorer текст сокращает, а длину страницы удваивает (как будто он идет в строчку а не в стобец)

<style>
div {
width : 100px;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
</style>

[trikadin]

overflow: hidden;

[uExpo]

Спасибо