Топ дня: РЖАВЫЙ VIP

У меня есть некий див который служит разделительной полосой на сайте. у него фон это небольшая картинка которая повторяется по горизонтали(x) мне нужно перед этим фоном добавить картинку которая будет служить как декоративный элемент внутри него вырезан круг(он прозрачный) так фот мне нужно чтоб круг остался прозрачным а его перекрывает основной фон(который повторяется) есть какие нибудь варианты решения? или придется ставить в линию два дива один с тем самым элементом а один с основным фоном? наверное я не понятно обьяснил так как не могу правильно сформулировать свою проблему)))) но если кто-то не поймет попробую обьяснить на наглядном примере

короче нужно чтоб они шли друг за другом а не один над другим

при этом не нужно забывать что фон повторяется. вот код крч
.btm {
background: url(/diz/yellow/css/img/3.png) no-repeat, url(/diz/yellow/css/img/4.png) repeat-x;
padding: 20px;
}

Нужно что то типо position или margin вот только как применить только к одной картинке

Сделай 2 дива с разными фонами что бы управлять ими отдельно друг от друга.

ты имеешь ввиду два одинаковых дива с разными фонами? не получится