Bildbeschriftung auf dem Bild, nicht unterhalb

[Kathi]

Ich möchte meine Bilder auf meiner Webseite ausgeben, und den Titel in das Bild schreiben.
Doch ich bekomme den Titel nur unterhalb hin, nicht in das Bild. Auch sollte der Hintergrund des Titels nur padding:3% haben und nicht die Breite des Bildes haben.
Kann mir da jemand auf die Sprünge helfen.

Kathi

  
<li>  
<img  alt="" src="images.jpg" />  
<p>titel</p>  
</li>  

  
li{  
float:left;  
width:32%;  
margin:1% 1% 0 0;  
}  
  
img {  
width:94%;  
padding:3%;  
border: 1px dotted #C0C0C0;  
}	  
  
p {  
text-align: right;  
font-size: 11px;  
color: #17518C;  
background: #c0c0c0;  
font-weight: bold;  
padding:2px;  
}