Почему этот простой CSS div не работает?

Question

У меня есть div. Это действительно просто. Вот код CSS ниже.

#example {
    background: #dcdcdc;
    background-position: center;
    postition: relative;
    width: 980px;
    text-align: center;
    margin: 0px auto;
    padding: 1px;
    min-height: 30px;
}

HTML-код:

<div id="example">testtesttesttesttesttesttesttesttesttesttesttest</div>

Как видите, он содержит только текст, выбранный из таблицы базы данных. Проблема в том, что когда длина текста шире экрана, он не начинает новую строку, он переходит. Я хочу, чтобы это начало новую строку. Как я мог это сделать?

Примечание. Переполнение скрыто на странице. Я тестировал эту страницу только в Chrome 13 и FF 3.6.

Answer 1

Word wrap сделает свое дело:

word-wrap: break-word;

Answer 2

ответ в нескольких браузерах:

добавить это:

word-break: break-all;
white-space:normal;
 word-wrap: break-word;

Answer 3

Добавьте word-wrap: break-word; в эту смесь.