Stała pozycja tekstu w Divie

[Maker5]

Witam.

jak mogę uzyskać coś takiego aby tekst był zawsze w środku diva #box (ale tak z 20 pikseli od lewej krawędzi tła które jest pod nim i się powtarza

tyle razy jak dużo jest tekstu)

i chcę aby tekst zawsze pojawiał się w tym samym miejscu

bez względu na rozdzielczość jaką ktoś ma pod przeglądarką ? żeby nic się nie rozjeżdżało. oto kod i screen.

HTML

<div id="box">

<div class="mid">

<div class="tekst">

<p>Jakiś sobie tekst który ma wyświetlać tak aby nie był poza krawędzią </p>

</div>

</div>

<div class="bot">

</div>

</div>

CSS

#box {

}

.mid {

background-image: url(img/srodek.png);

height: 100%;

background-repeat: repeat-y;

background-position: center;

}

.tekst {

text-align: justify;

font-family: "Verdana";

font-size: 10px;

font-style: normal;

font-weight: normal;

font-variant: normal;

padding: 1px;

width: 900px;

}

.bot {

background-image: url(img/dol.png);

height: 52px;

background-repeat: no-repeat;

background-position: center;

}

SCREEN

https://img89.imageshack.us/i/przyklada.jpg/

[Mion]

text-align:center;

margin:auto;

ustawienia bezwzględne za pomocą javascript