title: CSS Help To Position Sale Banner Over Image
body: <p>I am trying to position this sale banner over the image. The red border is a fixed width div that is as wide as I need for the page layout. No matter what the size of the image is, I need to keep a space as wide as this.</p>
  
  <p>The black border is a div that is only as wide as the picture, which I am trying to display the sale banner in the upper right corner on top of the picture.</p>
  
  <p>EXAMPLE: <a href="http://jsfiddle.net/d5nxT/" rel="nofollow">http://jsfiddle.net/d5nxT/</a></p>
  
  <p>I know I'm getting something messed up with the displays &amp; positions. I just need the image &amp; sale span to have the same settings, except the sale span floats to the right and has a higher z-index than the image.</p>