tables and background images: help please

[gamew0rld]

I have a background image in my table. I originally had it like this:

<td background="images/maincontent_02.gif">

However, I didnt want it to repeat, so I used the following:

<td style="background-image: url(images/maincontent_02.gif); background-repeat: repeat-x">

When I use the 2nd one, there is a light grey line along the left border, but when I use the first one, it isnt there. How can I get rid of it? The page is located at http://www.jlhsband.com/gameworldx/ and I am referring to the main body area, with the grey box.

Here is the whole code:

<table width="492" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/maincontent_01.gif" width="492" height="28"></td>
</tr>
<tr>
<td valign="top" align="center" width="492" style="background-image: url(images/maincontent_02.gif); background-repeat: repeat-x" class="styl" bgcolor="#D2D5D9">


<table width="484" cellspacing="0" cellpadding="0" border="0">
<tr valign="top">
<td width="484" valign="top">
</tf>
</tr>
</table>


</td>
</tr>
</table>



Thanks, Joe

[gamew0rld]

I figured it out