Overlapping Div Positioning
===

I would Like to have a banner across an image. Both the image and banner (banner-snippet) are in the same parent element so the the black banner is pushed out of view. How can I fix this.

You can see my source here:

http://jsfiddle.net/uSw8S/