HTML+CSS+JavaScript

Подскажите пожалуйста, как по верх моего розового фона aesthetic_____od______ua
Хотелось бы поверх розового фона наложить прозрачные и полупрозрачные цветы в png как это сделать?
Вот фрагмент сss кода розовый фон это bg.gif
Код:
/* Begin Typography & Colors */

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #F8ECE2 url(images/bg.gif);

color: #333;
text-align: center;
}
#page {
background-color: white;
text-align: left;
}
#header {
background: url('images/header.jpg') no-repeat bottom center;
}
#headerimg {
margin: 0px;
height: 234px;
width: 758px;
}
#content {
font-size: 1.2em
}
.widecolumn .entry p {
font-size: 1.05em;
}
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}
.widecolumn {
line-height: 1.6em;
}
.narrowcolumn .postmetadata {
text-align: center;
}
.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#footer {
background: #eee url('images/bg_footer.jpg') top repeat-x;
border: none;
}
sm
Заранее всем спасибо!

Фон - он у элемента ОДИН бывает.

К этому одному фону элемента можно приложить какой-то фильтр (прозрачности или чего ещё), но второго и третьего фона у элемента не бывает.

Вам нужен ещё один/два элемента со своими фонами, который(-е) будут находиться "поверх" первого элемента и, используя свойство прозрачности, будут как бы "вписываться" в нижний фон.

А Не подскажите хотябы чуток как это сделать? на этом сайте aesthetic.od.ua по верх розового градиента

див оберни ещё одним

ну да, если в качестве цветового фона использовать градиент, то получается нужно отдельные элементы использовать... w3.org-овские спецификации для цсс3 по градиенту совместно с файловым фоном не получается использовать - не работает ни то, ни другое (у меня).