title: Hiding an image behind a div [ z-index ]
body: <p>I want to hide two images (partially) behind my center/main div ,just like it is shown on the picture i included [the images are blue and the center div is brown,the darker blue color is the part of the image that is supposed to be hiden behind the div].The two images are included in the HTML (as  tags).They have to be (as they currently are) part of the HTML and not "injected" via CSS.
  The positining of the images isn't a problem,but the "overlaping/hiding" is.I have tried so many times via z-index but to no avail. </p>
  
  <p>Can anyone help ?</p>
  
  <p>link to picture. <a href="http://i.stack.imgur.com/ZCKdt.jpg" rel="nofollow">http://i.stack.imgur.com/ZCKdt.jpg</a></p>