Major Problems with HTML signature and outlook 2010

Question

I have just purchased a service called WiseStamp for email signature templates. When i test the templates in Outlook2010 they don't render properly, infact the formatting is hopeless!

Can someone please have a look at my code? It works fine in web browser and perfect in Thunderbird and it's driving me mad!

    <div style="font-family: sans-serif; line-height: 15px; width: 440px; empty-cells: show;">
<div style="font-family: sans-serif; line-height: 15px; text-transform: capitalize; border-bottom-color: #B8B8B8; border-bottom-width: 1px; border-bottom-style: dashed; padding-bottom: 4px; width: 440px; empty-cells: show;"><span class="text-color" style="font-family: arial,helvetica,sans-serif; font-size: 17.3333px; font-weight: bold; line-height: 21px; text-transform: capitalize; color: #eb1c23; border-color: #eb1c23; empty-cells: show;">Guy Rogers</span><img style="font-family: sans-serif; line-height: 15px; text-transform: capitalize; height: 50px; width: 200px; display: block; float: right; empty-cells: show;" src="http://bn1.so/radarone/radaronelogo.png" alt="" /><br style="font-family: sans-serif; line-height: 15px; text-transform: capitalize; width: 0px; empty-cells: show;" /> <span style="font-family: arial,helvetica,sans-serif;">Director , Radar One Ltd</span>&nbsp;</div>
<table style="font-family: sans-serif; line-height: 15px; width: 440px; empty-cells: show; border-color: #000000;" border="0">
<tbody style="font-family: sans-serif; line-height: 15px; width: 436px; border-spacing: 2px 2px; empty-cells: show; border-color: #000000;">
<tr style="font-family: sans-serif; line-height: 15px; width: 436px; border-spacing: 2px 2px; empty-cells: show; border-color: #000000;" valign="top">
<td style="font-family: 'Times New Roman',georgia,serif; font-style: italic; line-height: 15px; vertical-align: top; color: #828282; padding-top: 1px; padding-right: 25px; padding-bottom: 1px; padding-left: 1px; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;">
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">t.</strong> 01273 806484</span></div>
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">m.</strong> 07786 546 230</span></div>
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">e.</strong> guy.rogers@radarone.co.uk</span></div>
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">w.</strong> http://www.radarone.co.uk</span></div>
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">a.</strong> Albert House, 82 Queens Road, Brighton, East Sussex, BN1 3TL</span></div>
</td>
</tr>
</tbody>
</table>
</div>

Answer 1

Outlook has many HTML and CSS no-no's

check out: http://www.campaignmonitor.com/resources/will-it-work/ to see if you can find what part of your code is creating the problem