在编写HTML邮件时，我们已经确保邮件在Outlook 2010、Mozilla Thunderbird、Horde/IMP、Gmail、Yahoo等所有平台上都能正确显示。但是，在通过Outlook Web App（Exchange 2010）检查邮件时，有时会出现HTML邮件显示不正确的情况。
我们发现两个问题，即在Internet Explorer和Firefox中，字体大小CSS内联指令不被尊重；在Firefox中，表格单元格之间会出现间隙，导致图像损坏。这种情况只会在邮件不在收件箱中时发生。如果我们将邮件从文件夹拖到收件箱中，则问题消失。将其拖回文件夹中，问题又会出现。如果我们在新窗口中打开邮件（而不是在预览窗格中），则邮件可以正确显示。
我猜测Outlook Web App的CSS可能会干扰邮件的显示，但我希望有人遇到过类似问题，并能为我们提供解决此问题的方法。
以下是客户端中相关消息源代码：
我们发现两个问题，即在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对源代码进行了一些挖掘，我认为问题主要出在Outlook Web App上。在收件箱视图中，邮件正文被封装在一个<iframe>中，HTML邮件内容没有改变。但是，在查看其他文件夹中的邮件来源时，并未使用<iframe>，而是将邮件的<body>标签转换为<div>，然后将邮件与OWA样式表合并。这似乎会覆盖HTML电子邮件的内联样式。
我想我们将向Microsoft发起工单。