[Помогите] Не могу поставить картинку выше фонового цвета.

Не могу поставить картинку выше фонового цвета. Z-index стоит больше, в html-коде тоже стоит выше, но не в какую не хочет вставать как надо. Что делать?

Как есть: http://pixs.ru/showimage/kepng_4121695_24493246.png
Как надо: http://pixs.ru/showimage/PSkdbpng_9261387_24493298.png

html:

<div class="Header">
<div id="bg"></div>
<div id="wave"><img src="img/Wave.png" alt="wave"></div>
</div>

css:

#bg {
height: 337px;
width: 1600px;
position: absolute;
top: 137px;
left: 0;
background-color: #232323;
z-index: 1;
}

#Wave {
background-image: url(img/Wave.png);
height: 342px;
width: 940px;
position: absolute;
top: 160px;
left: 330px;
z-index: 2;
}

 

адрес сайта можно?
сдирите с исходника css http://antoinewaag.fr/caroussel/index.html

 

#Wave и id="wave"- это две большие разницы

 

вам надо написать #wave а не #Wave. А вообще вы должны использовать классы для CSS а не ID.
Причиной этому служит как минимум 3 аргумента:
1. Общая конвенция в разработках(id => javascript, class => css) то есть проггеру после вас будет легче сопровождать ваш код.(иногда могут быть исключение)
2. Когда рендерится страница намного быстрее будет работать если написано к классу или тегу чем ID. ( 1 обращений к ID равносильно к 1 обращений из 256 последовательных классов) так же по приоритет отдается описанию id (в CSS) чем к class
3. В идеале в одном HTMLdoc не должно быть 2 элемента с одинаковым ID

 

Lemur, Lemur,

Как ты нашел исходник шаблона?