I have a code which is something like this

<body>

<table width="auto" height="100%" border="0" style="background:url(images/s3_2_fade.jpg) blue no-repeat;">
<tr>
<td>
Sample Data...<br/>
Sample Data...<br/>
</td>
</tr>
</table>
</body>

The image's height is 376px. So once the content goes after 376px, the blue bgcolor alternate takes over. But what i want is, once the content crosses the 376px height, the background image should dynamically stretch and not repeat.

Please its urgent. Help on this

If this is not possible please do tell me how to increase the height of image in <img> using DOM methods.
Again this should increase when the image's original height becomes greater than 376px