Formatting HTML signature in Mail (Lion) I have created an HTML signature with a local image. I have formatted the signature using a Table.

I have tried to add my signature to mail using the method described here, i.e. open the sig in a browser, Cmd+A on the browser and Cmv+V on the mail signature pane.

This appears to work, but when I go to use the signature the image formatting went bananas on me. Like shown on the pic bellow (mail on top and safari on bottom).



I am not very knowledgable of HTML. But here is my code in case I have something wrong there.

    &lt;table cellspacing="0" cellpadding="0"&gt;
&lt;tr&gt;
    &lt;td rowspan=3 style="padding-right:5px; border-right:solid 1px #7F7F7F;"&gt;
        &lt;img src="waveform-logo_no_quote.png" /&gt; &lt;BR&gt;
    &lt;/td&gt;
    &lt;td style="padding-left:5px;"&gt;
        &lt;font face="Arial" color="#0F243E"&gt;&lt;b&gt;Tiago Veloso&lt;/b&gt;&lt;/font&gt; 
        &lt;span style="font-variant: small-caps;"&gt; &lt;font face="Arial" color="#404040"&gt; / Junior Software Engineer &lt;/font&gt; &lt;/span&gt; &lt;BR&gt;
    &lt;/td&gt;
&lt;tr&gt;
    &lt;td style="padding-left:5px;"&gt;
        &lt;span style="font-variant: small-caps;"&gt; &lt;font face="Arial" color="#404040"&gt; t: &lt;/font&gt; &lt;/span&gt; 
            &lt;font face="Arial" color="#0F243E"&gt; [+XYZ] 555-555-123 &lt;/font&gt; &lt;BR&gt;
    &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
    &lt;td style="padding-left:5px;"&gt;
        &lt;span style="font-variant: small-caps;"&gt; &lt;font face="Arial" color="#404040"&gt; e: &lt;/font&gt; &lt;/span&gt;
        &lt;font face="Arial"&gt; &lt;a href="mailto:mail@example.com"&gt;mail@example.com&lt;/a&gt; &lt;/font&gt; &lt;BR&gt;
    &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
    &lt;td align=right style="padding-right:5px; border-right:solid 1px #7F7F7F"&gt;
        &lt;font face="Arial" color="#7F7F7F"&gt;&lt;i&gt;adding possibilities&lt;/i&gt;&lt;/font&gt;
    &lt;/td&gt;
    &lt;td style="padding-left:5px;"&gt;
        &lt;span style="font-variant: small-caps;"&gt; &lt;font face="Arial" color="#404040"&gt; w: 
            &lt;/font&gt; &lt;/span&gt; &lt;font face="Arial"&gt; &lt;a href="http://www.website.com"&gt;www.website.com&lt;/a&gt; &lt;/font&gt; &lt;BR&gt;
    &lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
If your code is copied and pasted, the first thing I realize is the following:

&lt;span style="font-variant: small-caps;"&gt; &lt;font face="Arial" color="#404040"&gt; / Junior Software Engineer &lt;/font&gt; &lt;/span&gt; &lt;BR&gt;
    &lt;/td&gt;
&lt;tr&gt;
    &lt;td style="padding-left:5px;"&gt;


which means, the end tag

&lt;/tr&gt;


is missing. This might be the problem due to different renderings between mail and Safari.
It's worth a try.