Ironing the bugs out of a custom Mail Stationery

Question

So I'm making a custom Mail Stationery for myself. It's pretty set up the way I want to look. It looks good when I'm sending it, and to someone else who uses the Mail client, it looks like it's supposed to as well.
In Gmail's web interface, it doesn't work. Basically, Gmail misinterprets the images I use for the template as attachments, and displays them as so, rather than using them for the interface.
Here's the source code I'm using:
Description.plist
<pre>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>Background Images</key>
<array>
<string>insignia.jpg</string>
<string>bottom_letter.png</string>
<string>bg_pattern.gif</string>
<string>top_letter.png</string>
<string>bg_letter.png</string>
</array>
<key>Folder Name</key>
<string>Audacitor.mailstationery</string>
<key>HTML File</key>
<string>content.html</string>
<key>Images</key>
<array/>
<key>Stationery ID</key>
<string>D292B188-CE8E-4D60-9E5A-5E0C979579B9</string>
<key>Thumbnail Image</key>
<string>thumbnail.png</string>
</dict>
</plist>
</pre>
Content.html (In order to prevent formatting issues, less/greater than signs have been turned into "(" and ")")
<pre>
(html)
(head)
(meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /)
(title)Message from Audacitor(/title)
(/head)
(body style="background-attachment: fixed;
background-color: #FFFFFF;
background-image: url(bg_pattern.gif);
background-repeat: no-repeat;
color: #0066FF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-shadow: #000000;")
(div style="width: 850px;
height: 29px;
margin-left: auto;
margin-right: auto;
background-image: url(top_letter.png);")
(/div)
(div style="width: 850px;
height: auto;
margin-left: auto;
margin-right: auto;
background-image: url(bg_letter.png);")
(div style="width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;
background-image: url(insignia.jpg);")
(/div)
(div style="width: 300px;
height: auto;
margin-left: auto;
margin-right: auto;
font-size: 18px;
text-align: center;")
(/div)
(div style="padding-left: 50px;
padding-right: 50px;")
(span contenteditable="true" apple-content-name="body")
Lorem ipsum dolor sit amet...
(/span)
(/div)
(/div)
(div style="width: 850px;
height: 32px;
margin-left: auto;
margin-right: auto;
background-image: url(bottom_letter.png);")
(/div)
(/body)
(/html)
</pre>

Answer 1

Never did get it working.