Linking image in header causes white line

https://www.campusroad.org

Problem: I want to link the campusroad image in the header, back to the main page. Since I’m new to CSS, I did this using HTML. For some reason, in both Firefox and IE, I get small white line between the red header image and the blue table underneath it. Does anyone know what is causing this problem and how to get rid of it? Any help would be much appreciated.

Here is some of the coding in the header.php

<table width=760 cellpadding=0 cellspacing=0 bgcolor=#FFFFFF>
<tr>
<td align=left background=https://www.campusroad.org/2/bg.jpg>

<img src=https://www.campusroad.org/2/croad6.jpg ALT=”CampusRoad.org”>
</td>
</tr>
<tr height=20>
<td width=760 bgcolor=#1F4866 height=20>
<table height=20 width=760 bgcolor=#1F4866 cellspacing=0 cellpadding=0>
<tr>
<td width=175 align=center>
<font face=arial size=-1 color=white> <b>
<?php echo date(‘l\, n/j’); ?>
</font></b>

</td>
<td width=585 align=left>

<font face=arial color=#ffffff size=-1>
<b>forum</b>

<font size=2><b>|</b></font>

<font face=arial color=#ffffff>
<b>write for us</b>

<font size=2><b>|</b></font>

<font face=arial color=#ffffff>
<b>about the site</b>

<font size=2><b>|</b></font>

<font face=arial color=#ffffff>
<b>contact</b>

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