Stretch background image instead of repeating it

[OceanDesigner]

I have two images adjacent to each other. The first is written using the <img> tag. The second is used as a hyperlink and is written using the background property of the <td> tag. What I found is that the <img> tag stretches the image to fit and the <td background=""> tag repeats the image to fit. I would like the stretch the latter so there is continuity between the two images. I appreceiate any ideas. The whole code is below:

<table border="0" cellpadding="0" cellspacing="0" align="center">
  <tr>
    <td width="35%" align="right"><img src="left.gif" width="20" height="20"></td>
    <td width="30%" background="images/insidebg.gif" align="center" height="25">
      <a class="white" href="WarrantyReportPrint.asp" target="_blank">
      <b><font face="Verdana, Arial, Helvetica, sans-serif" size="2"></font></b>
      </a>
    </td>
    <td width="35%" align="left"><img src="images/rightcorner.gif" width="20" height="20"></td>
  </tr>
</table>

 

[vbkris]

there might be a simpler way but try this:
<td width="35%" align="left"><img src="images/rightcorner.gif" onload="this.width=this.parentNode.offsetWidth" height="20"></td>

 

[OceanDesigner]

Looks like my post was unclear. I actually have three images. The first and third (left.gif and rightcorner.gif) work exactly the same through the image tag. It is the middle graphic (insidebg.gif) that I would like to modify so that it gets stretched rather than tiled. It is different because it is used as a background in a cell rather than an image map. I am thinking I may be able to use the style property somehow but I am welcome to any ideas.

 

[Nevermoor]

look into CSS for this:

<td width="30%" background="images/insidebg.gif" align="center" height="25">

to

<td width="30%" style="CSS goes HERE" align="center" height="25">

http://www.w3schools.com/css/css_background.asp

 

[philote]

I'm pretty sure that there's not yet a way to set the dimensions of a background image using css. You may be able to layer a div over an img tag inside your td to achieve the effect though.

 

[OceanDesigner]

This is too much trouble. I just stretched the image in MS Photo Editor and saved it as a new file. Good enough.

Thanks,
Jeff