如何解决Outlook邮件模板图片间距设置失效问题？

开发邮件模板时，针对Outlook的特殊编码需求遇到问题——尝试为图片设置顶部负间距，多种方法均无效。

试过的方法如下：

• 方法一：

<!--[if gte mso 9]>       
<img src="img/btn_rng-ans.png" width="180" class="img-btn" style="Margin-top: -20px;">
<![endif]-->

• 方法二：

<!--[if gte mso 9]>       
<img src="img/btn_rng-ans.png" width="180" class="img-btn" style="margin-top: -20px;">
<![endif]-->

• 方法三：

<!--[if gte mso 9]>       
<img src="img/btn_rng-ans.png" width="180" class="img-btn" style="padding-top: -20px;">
<![endif]-->

• 方法四：

<style>
.rebtn {padding-top: -20px;}
</style>

<!--[if gte mso 9]>       
<img src="img/btn_rng-ans.png" width="180" class="img-btn" class="rebtn">
<![endif]-->

• 方法五：

<style>
.rebtn {margin-top: -20px;}
</style>

<!--[if gte mso 9]>       
<img src="img/btn_rng-ans.png" width="180" class="img-btn" class="rebtn">
<![endif]-->

补充详情：
当前代码结构：

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:20px">
<tr>
<td align="right">
<a href="#rg">
         <!--[if !mso]><!-- -->
            <img src="img/btn_rng-ans.png" class="img-btn">
          <!--<![endif]-->

        <!--[if gte mso 9]>

<img src="img/btn_rng-ans.png" width="180" class="img-btn">

          <!--[endif]-->    

</a>
</td>
</tr>
...
</table>

图片的外部CSS代码：

.img-btn {width:200px; margin-top: -40px !important;}

显示效果：

• iMac默认邮件应用显示正常：图片顶部负间距生效，位置符合预期
• Windows Outlook显示不符合预期：图片顶部无负间距，位置偏下

内容的提问来源于stack exchange，提问作者Truth Matters