Trying to create an email template, but I can't figure out how to remove the horizontal spacing between the table rows when embedding images.

The problem goes away if I specify the doctype to something decent, but this doctype will disappear once the mail reach its destination (hotmail and gmail).

The question: How do I remove the red line in this code?

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#e9e9e9" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" align="center" width="287" border="0" cellpadding="0" cellspacing="0" rules="none">
    <tr>
        <td bgcolor="#ff0000" height="124" colspan="3">
            <img src="http://www.google.se/logos/summer2010_1-hp.jpg" width="287" height="124" alt="">
        </td>
    </tr>
    <tr>
        <td bgcolor="#000000">Test</td>
    </tr>
</table>
</body>
</html>