Как наложить картинку чтобы она отталкивалась от определенного блока?

Question

[viktorulyushev]

В общем есть простой сайт,с контейнером по середине,мне нужно по бокам этого контейнера наложить картинки вот так joxi.ru/Vm64okPUexGZAZ
Наложил простым образом,по бокам контейнера добавил класс
<div class="background-layout"></div>
и css для него

.background-layout {
   background-image: url(/Templates/Moloko/images/banner-left.png);
    position: absolute;
    left: 45px;
    top: 252px;
    width: 108px;
    background-size: 100px;
    height: 529px;
    background-repeat: no-repeat;
}

все нормально отображается,но если растягивать экран,то получится это joxi.ru/L21Go3PFY67zrX ,как задать чтобы отступ был от контейнера?т.е мне нужно чтобы эта картинка была около контейнера все время

Comments

[Евгений Карпов]

position:absolut не твой случай, юзай position:relative. Соответственно, родитель и средний блок тоже relative

[viktorulyushev]

Евгений Карпов: relative толкать же будет все

Answer 1

[viktorulyushev]

Сделал через img и без возможности вытягивания jsfiddle.net/xpNat/25