Zentrieren mit CSS

[prm]

Das lässt sich noch vereinfachen:
Nimm das Hintergrundbild in den #center.

Für die Textbox definierst du einen inneren Abstand mit padding.
Positions sollstest du nur gezielt einsetzen, das ist hier nicht erforderlich:

CSS

Code:

#center
{
background-color: #E6ECFF;
border:2px solid black;
width: 960px;
height: 572px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -480px;
margin-top: -286px;
background-image: url(img/bg.jpg);
background-repeat: no-repeat;
overflow: auto;
}

#text
{
height: 552px;
padding: 10px;
overflow: auto;
}

HTML

Code:

<div id="center">

<div id="text">

blablablalablablalbalbablaba<BR>
blablablablablablbalbalbalbalablabalbalbalblab
<BR>blablablablablablbalbalbalbalablabalbalbalblab<BR>...
</div>
</div>