Не загружается картинка

[Hubble]

В общем проблема вот в чем,сначала должна идти обводка 

а до линии должна быть шапка.Я её вставил,но она отображается поверх обводки.

Я пробовал сначала разместить шапку, а затем обводку,но шапка не отображается вообще.А если сначала разместить обводку,а затем шапку, шапка отображается.

Скрытый текст

                <div id="header">
                <div id="obvodka">
                        <img src="img/obvodka.png">
                    </div>
                    <div id="shapka">
                        <img src="img/shapka.png">
                    </div>

                </div>

Скрытый текст

#shapka img {
    position: absolute;
    left: 46px;
    top: 0px;
}
#obvodka  img{
    position: absolute;
    right: 2px;
    top: 0px;
}

Я пока новичёк, набираюсь опыта. Спасибо заранее

Edited July 8, 2016 by Hubble

[MadSandwich]

А вариант с z-index разве тут не будет уместен? z-index

[klierik]

Используй PNG и полупрозрачность

[Hubble]

8 минут назад, klierik сказал:

Используй PNG и полупрозрачность

А чем мне полупрозрачность поможет?

[klierik]

тем что "шапку" ты можешь положить под "обводку", как под стекло