title: Making elements correctly layered with z-index css?
body: <p>On this page <a href="http://londonsitedesign.co.uk/code/basic.html" rel="nofollow">http://londonsitedesign.co.uk/code/basic.html</a> I am trying to place an image above a full screen slideshow, but behind my header. The image is a white gradient. I have given the image the style z-index: 0 which places it in front of the background, however it covers the header. How can it sit between the header and the background? </p>
  
  <p>I noticed that the menu in the header is onto of the image but the rest of the elements in the head section are behind the white gradient image. Why is there this difference in the layering of elements? </p>
  
  <p>thanks for any advice. </p>
  
  <p>Angela </p>