Дочерний div игнорирует ширину родительского элемента без использования пробела

Для очень конкретного варианта использования у меня есть:

• родительский div с фиксированной шириной
• дочерний div с неизвестной шириной И max-width

Вот пример: http://jsfiddle.net/t9xUV/

CSS:

.parent{
  width: 400px;
  height: 400px;
  background-color: grey;
}

.child{
  background-color: red;
  height: 200px;
  max-width: 500px;
}

HTML:

<div class="parent">
    <div class="child">dddd ddddddd dddddddd ddddddddddddd ddddd dddddddddd ddddddd dddddddd dddddddddddd
    </div>
</div>

Я хочу, чтобы ребенок взял свою собственную ширину, игнорируя ширину родителя.

Я пытался:

• position:absolute для ребенка, но слова обернуты относительно ширины родителя
• white-space: nowrap для ребенка, но свойство max-width затем игнорируется словами

Есть идеи?