text över bild..

Hej!

Vet nån ett snabbt och enkelt sätt att få en text att lägga sig över en bild (med div, eller java)
Bilden är 140x105 och texten ska ligga centrerat i bilden.

Jag försökte med div men det blev inte riktigt som jag ville..

sidan som det ska göras på:
http://www.vaxjovimmel.se/test/v2/hogerthumbbump.php
Det är alltså de bilderna jag vill ha en text på.

p { float:left; position:relative; font-size:2em; color:white; background-color:black; }
img { display:block; }
span { position:absolute; top:50%; margin-top:-.5em; left:0; width:100%; text-align:center; }

<p><img alt="" src="http://www.vaxjovimmel.se/test/v2/bilder/20061225frontthumb.jpg"> <span>Text</span>
<p><img alt="" src="http://www.vaxjovimmel.se/test/v2/bilder/20061225frontthumb.jpg"> <span>Text</span>
<p><img alt="" src="http://www.vaxjovimmel.se/test/v2/bilder/20061225frontthumb.jpg"> <span>Text</span>

ÅH, snabbt svar!
Men vad är det för något? Java? Css?