Salut Cubitus,
Ton image est intégrée via la balise <img />.
Il faudrait plutot la remplacer par quelque chose du genre :
<div id="textesurherbe">ton texte</div>


puis se servir des css pour donner une image de background à ce div :
#textesurherbe {background: url(http://tonsite/tonimage.jpg)no-repeat}
Bonjour,

ou alors si tu tiens à la garder dans le code et un peu plus lourd:

<style type="text/css">
#photo {
width: 512px;
position: relative;

}

#photo p{
position: absolute;
bottom: -10px;
width: 100px;
background: #fff;
left: 50%;
margin-left: -50px;

}
  
</style>
</head>

<body>
<div id="photo">
<img src="ton_image.jpg" alt="" />
<p>Légende</p>
</div>