HTML is skewing in Outlook 2010 - html

Question

This works fine in normal clients but as we know Outlook is a pain to work with. It looks ok to me but can someone tell me why this would not render in Outlook?
<table id="contentArea">
<tr>
<td>
<p>Welcome to the TeraTitan family ${user['FirstName']},</p>
<p>Please tell us which services you are interested in currently:</p>
<table align="center">
<tr align="center">
<td><img height="100px" width="100px" src="http://www.yourwealth.co.uk/sites/default/files/titleimage-mortgages.jpg"><p style="font-family:Verdana, Geneva, sans-serif; font-size:12px">Mortgages</p></td>
<td><img height="100px" width="100px" src="http://t0.gstatic.com/images?q=tbn:ANd9GcS0BNv0q30KMSumGx6p8Vp0UYwB_3IfBUD3HfKsruNW-qBb5qdUd4UPi1d9"><p style="font-family:Verdana, Geneva, sans-serif; font-size:12px">Savings</p></td>
<td><img height="100px" width="100px" src="http://www.clockwise.coop/Clockwise/media/SiteImages/News%20Items/%C2%A35-gift.jpg?width=200&height=200&ext=.jpg"><p style="font-family:Verdana, Geneva, sans-serif; font-size:12px">Home Equity</p></td>
</tr>
</table>
<p>You can also visit us on-line at TeraTitan, or call us with any questions you may have at 800-555-1212.</p>
</td>
</tr>
</table>
<!-- End Table for content-->

Answer 1

I'm with R Lacome. What exactly is the rendering issue?
Also, there seems to be a few "sloppy" coding things. Sometimes this doesn't make a difference, but if your code is "sloppy" you won't know where your real issue is.
Below is cleaned up HTML with a few tweaks. Try running that and see if it fixes your rendering issue.
I should also note that without a lot of inline CSS <p> tags don't offer a lot of consistency in email clients.
<table id="contentArea" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left">
<p>Welcome to the TeraTitan family ${user['FirstName']},</p>
<p>Please tell us which services you are interested in currently:</p>
</td>
</tr>
<tr>
<td align="left">
</td>
</tr>
<tr>
<td align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<a href="http://www.teratitan.com/info/mortgage">
<img height="100px" width="100px" src="http://www.yourwealth.co.uk/sites/default/files/titleimage-mortgages.jpg">
<p style="font-family:Verdana, Geneva, sans-serif; font-size:12px">Mortgages</p>
</a>
</td>
<td align="center">
<a href="http://www.teratitan.com/info/savings">
<img height="100px" width="100px" src="http://t0.gstatic.com/images?q=tbn:ANd9GcS0BNv0q30KMSumGx6p8Vp0UYwB_3IfBUD3HfKsruNW-qBb5qdUd4UPi1d9">
<p style="font-family:Verdana, Geneva, sans-serif; font-size:12px">Savings</p>
</a>
</td>
<td align="center">
<a href="http://www.teratitan.com/info/homeequity">
<img height="100px" width="100px" src="http://www.clockwise.coop/Clockwise/media/SiteImages/News%20Items/%C2%A35-gift.jpg?width=200&height=200&ext=.jpg">
<p style="font-family:Verdana, Geneva, sans-serif; font-size:12px">Home Equity</p>
</a>
</td>
</tr>
</table>
</td>
</td>
<tr>
<td align="left">
</td>
</tr>
<tr>
<td align="left">
<p>You can also visit us on-line at TeraTitan, or call us with any questions you may have at 800-555-1212.</p>
</td>
</tr>
</table>
<!-- End Table for content-->