Hey there....

I have done a header on a site, and its causing a white line in firefox, but not in IE... here is a link to a screen shot in firefox: http://www.osstorrents.com/osst.jpg

the code for that header is:


<table cellpadding=0 cellspacing=0 style=\"width:100%;\">
<tr>
<td style=\"width:391px; height:124px;\"><img src=\"/images/header/OSSTlogohead.jpg\" alt=\"OssT\"></td>
<td style=\"text-align: center; background:url(/images/header/headergrad.jpg); height:124px;\">&nbsp;</td>
</tr>

<tr>
<td colspan=2 style=\"border-bottom:1px #000000 solid; text-align: center; background:url(/images/header/navbargrad.jpg);\">&nbsp;</td>
</tr>
</table>


Anyone know why its causing this. both the background image and the logo are both 124px in height.... it looks like it starts repeating the background image again though to the right of the logo... i have no idea why

Thanx

althought I havent done html in a while, and I hate inline css, I would recommend you align all of the images, that might take care of it.

Did you fix the problem? I checked in Firefox, IE, and Opera and I don't see the line. Is this problem not visible on the live site and only via the screenie?

You can try one TD, that will at least have the background image go over the white nothing (line)

Here's what I mean:


<table cellpadding=0 cellspacing=0 style=\"width:100%;\">
<tr>
<td style=\"text-align: center; background:url(/images/header/headergrad.jpg); height:124px;\"><img src=\"/images/header/OSSTlogohead.jpg\" alt=\"OssT\"></td>
</tr>

<tr>
<td style=\"border-bottom:1px #000000 solid; text-align: center; background:url(/images/header/navbargrad.jpg);\">&nbsp;</td>
</tr>
</table>