CSS Layout CSS and HTML -

i trying create simple page (only using html , css) having difficulty elements: have attached links here want achieve , have done.

question is:

1. how can put pink background overlap text , images?

• i tried in css:

  #setbackground {
position:absolute; left:0px; top:0px; z-index:-1;
}

• and in html:

  <div id="setbackground">
<img src="/images/pinkbg.png" alt="background"/> </div>

• but still didnt work.

i know not fancy if give me suggestions appreciated. thanks.

the pink not overlap underneath when place transparent things on top of it, can see pink underneath. in case set pink color require

 background-color: rgb(245,195,195); 

here example of how layout background: http://jsfiddle.net/eahqw/6/

all of additional content go inside 2 div's , placed on top giving them desired pink background.

i went , made more complete example. http://jsfiddle.net/gewyj/2/

you'll see cheated circles, make image in image editing program supports 3d rotation. pure css, not enough transformations , simpler image. made smaller fit inside box better. isn't perfect copy, pass close approximation.

also used mixture of class names id's , psudo selectors show different ways apply styles. in production environment better have more consistent structure.