Imagen en esquina de recuadro de tabla

[abimaelrc]

Puedes hacerlo de esta manera:
Nota: cambiale el nombre de la imagen y listo.

Código HTML:

<script language="javascript">
function setThisMouse(w){
    w.style.backgroundImage = "url(edit.png)";
    w.style.backgroundPosition = "top right";
    w.style.backgroundRepeat = "no-repeat";
}
function unsetThisMouse(w){
    w.style.backgroundImage = "";
    
}
</script>
<table width="200" border="1">
  <tr>
    <td onmouseover="setThisMouse(this)" onmouseout="unsetThisMouse(this)">&nbsp;</td>
    <td onmouseover="setThisMouse(this)" onmouseout="unsetThisMouse(this)">&nbsp;</td>
    <td onmouseover="setThisMouse(this)" onmouseout="unsetThisMouse(this)">&nbsp;</td>
  </tr>
  <tr>
    <td onmouseover="setThisMouse(this)" onmouseout="unsetThisMouse(this)">&nbsp;</td>
    <td onmouseover="setThisMouse(this)" onmouseout="unsetThisMouse(this)">&nbsp;</td>
    <td onmouseover="setThisMouse(this)" onmouseout="unsetThisMouse(this)">&nbsp;</td>
  </tr>
  <tr>
    <td onmouseover="setThisMouse(this)" onmouseout="unsetThisMouse(this)">&nbsp;</td>
    <td onmouseover="setThisMouse(this)" onmouseout="unsetThisMouse(this)">&nbsp;</td>
    <td onmouseover="setThisMouse(this)" onmouseout="unsetThisMouse(this)">&nbsp;</td>
  </tr>
</table>