Eu tenho um bloco de texto absolutamente posicionado dentro de um contêiner relativamente posicionado. O elemento absolutamente posicionado excede o limite direito do seu contêiner.

O problema é: o texto não está enrolando normalmente; está quebrando prematuramente ao invés de expandir para o seu definidomax-width:

Comportamento observado:

Comportamento desejado

HTML / CSS (JSFIDDLE: http://jsfiddle.net/WmcjM/):

<style>
.container {
    position: relative;
    width: 300px;
    background: #ccc;
    height: 100px;
}

.text {
    position: absolute;
    max-width: 150px;
    left: 290px;
    top: 10px;
    background: lightblue;
}
</style>

<div class="container">
    <div class="text">Lorem ipsum dolor sit amet</div>
</div>

Nota: Algumas mudanças que aparecem para alcançar o comportamento desejado, mas que não são exatamente o que estou procurando, incluem:

definindomin-width: 150px em.text (o texto pode ser apenas uma palavra e não quero que o contêiner seja superdimensionado)posicionamento.text. em relação ao documento, em vez de.container (ele precisa aparecer ao lado do contêiner, mesmo quando o navegador é redimensionado)