Вертикальный отступ для фона

[Микель]

<div style="border:1px solid red; width:400px;height:400px; background:url(images/button.jpg) repeat-y;background-position:300px 30px;text-align:right">
<img src="images/image.gif" width="20" height="30" alt="">
</div>

Подскажите,плз,такая проблема

Есть слой,в правом верхнем углу находится изображение gif высотой в 30px с частично прозрачными областями.

Нужно к правому боку слоя прижать фон(ширина 20px),повторяющийся по вертикали, таким образом,чтобы он начинался сразу под картинкой и не просвечивал через нее (через нее должен просвечивать фон,заданный для body).Пытался задать отступ для фона через background-position - не получается.Думал над тем,чтобы разместить фон в отдельном слое под картинкой,но тогда он должен иметь высоту 100%-30px(слева будет блок с контентом,тянущийся по вертикали). Может это делается как-то через отрицательное значение margin-top ?

[Vlad]

Можно попытаться поверх фона и под картинкой подложить еще один рисунок, совпадающий с фоном и таким образом, прикрыть фон.

[Микель]

В том то и дело,что так не получится...иначе бы я сделал не частично прозрачный гиф,а вырезал бы его вместе с фоном,который в body. Но при изменении размера окна будет видно.что пиксели не совпадают

[Микель]

Решил проблему тем,что нарезал картинку на части и сверстал в несколько строк