Email Campaigns: Tweaks for Images or Layout Spacing in Hotmail

<div align="center">
	<table width="652" height="165" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF">
		<tr>
			<td rowspan="2" width="144" valign="top" align="left"><a href="http://example.domain.com" shape="rect" target="_blank"><img src="http://example.domain.com/image1.jpg" alt="This is the image that overhangs the box. It has an artificial border to the left and a border beneath at 112 pixels down, beneath the overlaying image, with #FFFFFF background below that." width="144" height="165" border="0" style="margin: 0px; padding: 0px;"></a></td>
			<td valign="top" height="112" bgcolor="#50264A">
				<font color="#FFFFFF" face="Verdana, Arial, sans-serif">
					<p style="text-align: center; font-size: 12px; line-height: 14px; margin-top: 6px; margin-bottom: 0px;"><strong><font color="#DACAD4">Opening text!</font></strong></p>
					<p style="text-align: left; font-size: 12px; line-height: 14px; margin-top: 6px; margin-bottom: 0px;">Body text advertising given product is approximately this long and no longer. It consists of approximately one long sentence that goes on to about this length. It was approximately this long.</p>
					<p style="text-align: center; font-size: 12px; line-height: 14px; margin-top: 6px; margin-bottom: 6px;"><a href="http://example.domain.com" shape="rect" target="_blank" style="text-decoration: none;"><strong><font color="#FFFFFF">Order your own <font color="#DACAD4" style="text-decoration: underline;">Darn Product</font> today!</font></strong></a></p>
				</font>
			</td>
			<td width="144" height="112" valign="top" align="right" style="border-right-width: 1px; border-right-color: #FFDE66; border-right-style: solid;"><a href="http://example.domain.com" shape="rect" target="_blank"><img src="http://example.domain.com/image2.jpg" alt="This image ends up with 3 or 4 pixels of space beneath, pushing the border of the subsequent row down, as well as misaligning the bottom of the previous td with image1.jpg's artificial division line." width="144" height="112" border="0" style="margin: 0px; padding: 0px;"></a></td>
		</tr>
		<tr>
			<td colspan="2" width="508" height="53" valign="top" align="left" style="border-top-width: 1px; border-top-color: #FFDE66; border-top-style: solid;">&nbsp;<!-- This portion originally used a pixel.gif, but that just opened up more displacement issues.--></td>
		</tr>
	</table>
</div>
                                  

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18: