使CSS表填充父级宽度并保持高度的纵横比（电子邮件）

Question

我正在创建一个HTML电子邮件，其中包含我需要覆盖矩形链接的图像。电子邮件客户端不支持定位，并且图像映射已调整大小问题，并且移动客户端上的链接位置不正确。如果有人知道任何其他适用于所有主要电子邮件客户端的解决方案，我有兴趣知道。

我目前正在选择的解决方案是创建一个带有背景图像的表格，并使用height / rowspan将表格单元格放置在链接所在的位置。

我希望表的宽度能够扩展填充容器的宽度，而且还要将表的高度扩展为表的宽度的一定比例。类似于以下内容 - ：

<div id="container" style="width:100px">
    <!-- make this table have 100px height -->
    <table style="table-layout:fixed;width:100%;background:url('data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=')">
        <tr><td></td></tr>
    </table>
</div>

我无法为容器指定固定高度，因为它是由电子邮件客户端提供的。不同的电子邮件客户端的宽度也不同。

非常感谢任何帮助。