title: Position:fixed image overlapping divs
body: <p>Okay, I'm trying to get an image with position fixed to hide behind specific DIVs.  To my understanding, this should be possible using <code>z-index</code>.  However, I've tried everything and cannot get this to work properly.</p>
  
  <p>URL: <a href="http://www.aadesigns.net/who-we-are/testimonials/" rel="nofollow">http://www.aadesigns.net/who-we-are/testimonials/</a></p>
  
  <p>The image I'm having a problem with is the happy woman celebrating.  Everything works GREAT until it gets to the bottom of the page and you'll see her overlap DIVs.</p>
  
  <p>I've been in firebug for about 1.5 hours trying to figure out how to do this by manipulating z-index...</p>
  
  <p>Any help would be greatly appreciated here.</p>
  
  <p>EDIT* More specifically, I need the image to vanish behind the footer and the footer_bottom DIVs</p>