Помогите с background-position

[shotlandec]

Добрый день. Столкнулся вот с такой проблемой. Есть такая конструкция:

<div class="one">
<div class="two">
текст текст текст текст
текст текст текст текст
текст текст текст текст
</div>
</div>

У класса two background-image выровнен по: center top и не размножается.

У класса one background-image так же выровнен по центру, но он размножается по repeat-y

Но возникла проблема накладывания двух изображений друг на друга и получается замыленность (так как изображения полупрозрачные).

Как сдвинуть повторяющееся изображение вниз, что бы оно повторяться начало не с самого верха, а ниже на то значение, что я указываю?

Вот такая конструкция не хочет работать:

background: url(../../images/images.png) center 100px repeat-y;

Edited February 19, 2013 by shotlandec

[dmitriydrachov]

Сдвинь сам блок.

[shotlandec]

блок сдвигаю, но внутренний див вместе с ним сдвигается.

внутреннему диву даю margin-top:-200px; , то все опять возвращается наверх (вместе с первым дивом)

[dmitriydrachov]

Дай css код.

[shotlandec]

.one {
background-image: url(../../images/green/bgglow-f.png);
width: 100%;
background-repeat: repeat-y;
background-position: center top;
min-height: 82%;
.two {
background-image: url(../../images/green/bgglow.png);
width: 100%;
background-repeat: no-repeat;
background-position: center top;
min-height: 82%;
}

получается, что фон класса .two накладывается сверху на фон класса .one. Поэтому надо сместить фон класса .one на высоту картинки фона класса .two. А как это сделать????

Edited February 20, 2013 by shotlandec

[Kotik]

background-image: url(../../images/green/bgglow.png) 0 30px; 1 значение - начало по X, 2 - начало по Y, подгоняй как нужно

[lexxcode]

это не поможет, т.к. используется repeat

[shotlandec]

в том-то и суть, что repeat нужен.... без него сдвиг идет прекрасно....