подскажите css-код.

[Chas]

есть картинка, которая плавает, ценьрируясь по центру экрана.
Кроме этой картинки есть блок текста, который надо поместить над картинкой в определенном месте.
Решаю это, помещая картинку и текстсовый блок в один div и указывая для текстового блока position:relative; top:...; left:...;
Получается что-то типа:

<div style=" text-align:center;">
<div style="position:relative; top:100px; left:100px;">
text here
</div>
<img src="..." />
</div>

тестовый блок смещен, как мне надо, но на том месте где был текст остается отступ, который сдвигает картинку вниз. Можно конечно сварганить отрицательный margin для картинки, но, насколько я знаю, есть вариант манипуляций с position:absolute, position:relative, просто никак не соображу.

[Mnilionic]

рисуйте эскиз. Из вашего описания образ желаемого результата у меня не сформировался.

[Яски]

Насколько я знаю, position:relative не меняет расположения контейнера, т.е. текст влияет на свое окружение также, как до трансформации.

[Chas]

вот такое мне нужно было:

.rel {
position:relative;
width:300px;
height:300px;
background:url(1.jpg);
}
.abs {
position:absolute;
left:20px;
top:20px;
width:200px;
border:1px solid black;
}

<div class="rel">
<div class="abs">
 <p class="text">ffffffff fdsgs sdfg sdf s fgsdf gjhfjf fghfhjfh fjhfjf fjhfgh fghfhjf<br>
 dfhg dghd dfghdh dfghdhd fgh dfghdhgd fghdg dfghdhd</p>
</div>
</div>