Background image on a slideshow

Hey everyone,

I am trying to "fix" an image as a background on my slideshow, yet I have come up with nothing. I did the background inside the table, which showed part of the image, but not all sides were how I wanted it. Any Idea's?

I want it to look like this (yes I know the white inside is a rectangle lol not a square)

Code:

<form name="slideshow">

<table border="0 cellpadding="2" cellspacing="0">
<tr>
   <td align="center">
   <a href="#" onmouseover="if(window.playing)PlaySlide();this.href=theimage[i][1];return false" onmouseout="PlaySlide();">
   <script type="text/javascript">
      document.write('<img name="imgslide" id="imgslide" src="'+theimage[0][0]+'" border="1" Width="400">')
   </script>
   </a>
   </td>
</tr>
<tr>
   <td align="center"><div id="slidebox"></div></td>
</tr>
</table>

Is there a way I could put the image before the table? then put the slideshow over top of it?

Thanks Andrew