CSS: Max-Width не сжимается?

Возможный дубликат:
Сделайте ширину Div CSS равной К содержанию

Я пытаюсь сделать чат как приложение, но теперь у меня возникла какая-то небольшая ошибка.

У меня есть div с максимальной шириной 350 пикселей. Но когда я вставил в него следующий текст:

дддддддддддд ддддддддддд дддддддддд ддддддддддд

Он добавит новые строки в каждое пространство, но ширина div останется на уровне 100 пикселей. Я сделал здесь небольшой пример на jsFiddle:

http://jsfiddle.net/5t2hm/12/

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

Я робко хочу, чтобы он выглядел как третий блок, но с сохранением максимальной ширины.

Кто-нибудь знает, как желтое поле сжимается до ширины текста?