How can I put a floated text above an absolute positioned image? The property
position: relative; to your text's CSS.
Just as a side-note you'll need to keep the z-index properties you've put too.
Or alternatively (but I wouldn't suggest it), add
z-index: -1; to the box, and remove z-index from the text.