CSS: mieć div po bezwzględnej pozycji div

Zastanawiałem się, jak to zrobić, moja obecna marża jest następująca:

<div id="playArea" style="position: relative;">
    <div id="widget1" class="widget" style="position: absolute; left: 295px; top: -1px; width: 313px; height: 269px;">Hello</div>
    <div id="widget2" class="widget" style="position: absolute; left: 63px; top: 35px; width: 80px; height: 42px;">World</div>
    <div style="position: absolute; left: 534px; top: 329px; width: 183px; height: 251px;">Bye</div>
</div>

Teraz, jeśli utworzę znacznik akapitu po ostatnim</div>, zawartośćp tag nie pojawia się pod wszystkimi tymi div w przeglądarce. Jakieś pomysły, jak mogę to zrobić?

Dzięki chłopaki

questionAnswers(4)

yourAnswerToTheQuestion