HTMLメールを処理していると、Outlook 2010、Mozilla Thunderbird、Horde / IMP、Gmail、Yahooなど、あらゆる場所で適切にレンダリングされるメールを取得できます。ただし、メールをOutlook Web App（Exchange 2010 ）、HTMLメールが正しくレンダリングされないことがあります。
私たちが目にしている2つの問題は、Internet ExplorerとFirefoxではフォントサイズのCSSインラインディレクティブが尊重されず、Firefoxではテーブルセル間にギャップが生じて画像が壊れることです。これは、メッセージが受信トレイにない場合にのみ発生します。メッセージをフォルダから受信トレイにドラッグすると、問題は解消されます。フォルダにドラッグして戻すと、再び表示されます。（プレビューペインではなく）新しいウィンドウでメッセージを開くと、メッセージは正しく表示されます。
Outlook Web AppのCSSが干渉していると思いますが、誰かが同様の問題を抱えており、この問題を修正する方法に光を当てることができるかもしれないことを願っています。
クライアントに表示される関連するメッセージソースは次のとおりです。
<html>
<head>
<style>a{color:#BF0005}</style>
</head>
<body bgcolor="#F5F5F5" style="margin:0;text-align:center">
<table cellpadding="0" cellspacing="0" style="width:604px;margin:0 auto;font-family:Tahoma,sans-serif;font-size:10pt;line-height:16pt">
<tr>
<td rowspan="3" style="vertical-align:top;width:10px"><img src="cid:2e39cc62f2ab417d1b9461b437c72ffc" width="10px" height="410px" /></td>
<td style="padding-top:10px;margin-bottom:0;vertical-align:bottom;width:584px;height:84px"><img style="vertical-align:bottom" src="cid:5ed2b7dfeca322e0d1e0b40bd3a0a48d" width="584px" height="84px" alt="Image Alternate Text Here" /></td>
<td rowspan="3" style="vertical-align:top;width:10px"><img src="cid:6f108f42f85401cababf9d5dc64fb8f9" width="10px" height="410px" /></td>
</tr>
<tr>
<td style="vertical-align:top;text-align:left;background-color:#FFF;padding:0 50px 40px">
<h1 style="text-align:center;margin-top:15px;font-size:12pt">Header</h1>
<p>This is a test email.</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding:30px 50px;font-size:8pt;text-align:center;color:#888888;line-height:10pt">Footer text</td>
</tr>
</table>
</body>
</html>
編集： Firebugを介してソースを掘り下げましたが、OutlookWebAppの問題に絞り込んだと思います。受信ボックスビューでは、メッセージの本文はにカプセル化され<iframe>、HTMLメッセージの内容は変更されません。ただし、他のフォルダにあるメッセージのソースを表示すると、no<iframe>は使用され、メッセージのタグはOWAによって<body>に変換されます。<div>メッセージには、HTMLメールのインラインスタイルを上書きしているように見えるOWAスタイルシートのスタイルが組み込まれています。
マイクロソフトとのチケットを開くつもりだと思います。