Buenos dias por las mañanas....
Por lo que he estado leyendo... tu problema ... bueno se arregla poniendo al guerrero (:P) y al texto en capas y una capa en contenedor, poniendo las capas en posiciones osea se:
...
<td>
<div> <!-- Capa contenedora-->
<div class="con_su_clase">Texto</div>
<div class="con_su_clase01"><img src....></div>
</div>
</td>
...
Así podras poner tu texto encima del guerrero jajaaj, pero ojo vas a tener que utilizar el position, padding, ahhh!!! y un TEXT-ALING, ya que esta funcion alinea IMAGENES Y TEXTOS, y pon el ALT en la imagen que sino no es ACCESIBLEEEEE!!!.
Ahora adivina las clases que son muy faciles ;).