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



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

[CSS] pobierz, plaintext 
.tekst {
text-align: justify;
font-family: "Verdana";
font-size: 10px;
font-style: normal;
font-weight: normal;
font-variant: normal;
padding: 1px;
width: 900px;
margin: 0 auto;
}
[CSS] pobierz, plaintext 

Nie wierze ale jednak działa
jedna linijka

Dziękuję Ci serdecznie ! Przyjacielu