テーブルセル内の右下のテーブルをIEの下部に揃えることができないようです。(テーブルセルをvertical-align: "bottom"で整列し、valign = "bottom"を宣言しているにもかかわらず。バグ?
また、注意してください。これは電子メール用であるため、先頭のCSS宣言は基本的に立ち入り禁止です。積み上げリストを上に垂直に並べたテーブルでプレビューします。
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10" bgcolor="#ffffff" style="font-size:1px; line-height:1px;"> </td>
<td width="258" bgcolor="#ffffff" valign="top" style="font-size:12px; line-height: 20px; font-family:Arial, Helvetica, sans-serif; color:#666666;"><table width="258" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="258" height="15" align="left" valign="top" bgcolor="#ffffff" style="font-size:12px; line-height: 20px; font-family:Arial, Helvetica, sans-serif; color:#666666;"><span style="font-size:18px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#e48828;"><br />
Curabitur egestas lorem a nisl aliquet.</span><br />
<br />
Fusce faucibus lorem vel arcu aliquet rutrum. Etiam semper, urna ut scelerisque tristique, dolor sapien porta justo, rutrum tempor ipsum. <br />
<br />
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15" bgcolor="#ffffff"> </td>
<td width="10" bgcolor="#ffffff"><img src="#" width="10" height="10" alt=" " style="display:block;"/></td>
<td width="10" bgcolor="#ffffff"> </td>
<td width="223" align="left" bgcolor="#ffffff" style="font-size:12px; line-height: 20px; font-family:Arial, Helvetica, sans-serif;"><a href="#" target="_blank" style="text-decoration:none; color: #e48828;">Etiam sem elit, venenatis sit.</a></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="10" bgcolor="#ffffff" style="font-size:1px; line-height:1px;"> </td>
<td width="11" bgcolor="#eeefef" style="font-size:1px; line-height:1px;"> </td>
<td width="271" bgcolor="#ffffff" valign="top" style="font-size:1px; line-height:1px;"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="271" bgcolor="#ffffff"><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100" height="152" bgcolor="#B2B3B7"> </td>
<td width="10" bgcolor="#eeefef" style="font-size:1px; line-height:1px;"> </td>
<td width="10" bgcolor="#FFFFFF" style="font-size:1px; line-height:1px;"> </td>
<td width="151" align="left" valign="middle" bgcolor="#ffffff" style="font-size:12px; line-height: 20px; font-family:Arial, Helvetica, sans-serif; color:#666666;"><br />
<span style="font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#005696;"><strong>Phasellus sed ipsum vel augue.</strong><br />
</span> <span style="font-size:10px; line-height:12px;">Aliquam suscipit libero non orci tincidunt nec convallis. <br />
</span></td>
</tr>
</table></td>
</tr>
<tr>
<td width="271" height="12" bgcolor="#eeefef"> </td>
</tr>
<tr>
<td width="271" valign="bottom" bgcolor="#ffffff" style="vertical-align:bottom;"><table border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td width="25" height="15" bgcolor="#ffffff" style="font-size:1px; line-height:1px;"> </td>
<td width="10" height="15" bgcolor="#ffffff" style="font-size:1px; line-height:1px;"> </td>
<td width="10" height="15" bgcolor="#ffffff" style="font-size:1px; line-height:1px;"> </td>
<td width="226" height="15" bgcolor="#ffffff" style="font-size:1px; line-height:1px;"> </td>
</tr>
<tr>
<td width="25" valign="middle" bgcolor="#ffffff"> </td>
<td width="10" valign="middle" bgcolor="#ffffff"><img src="#" width="10" height="10" alt=" " style="display:block;"/></td>
<td width="10" valign="middle" bgcolor="#ffffff"> </td>
<td width="226" align="left" valign="middle" bgcolor="#ffffff" style="font-size:12px; line-height: 20px; font-family:Arial, Helvetica, sans-serif;"><a href="#" target="_blank" style="text-decoration:none; color: #e48828;">Etiam sem elit, venenatis sit.</a></td>
</tr>
<tr>
<td width="25" valign="middle" bgcolor="#ffffff"> </td>
<td width="10" valign="middle" bgcolor="#ffffff"><img src="#" width="10" height="10" alt=" " style="display:block;"/></td>
<td width="10" valign="middle" bgcolor="#ffffff"> </td>
<td width="226" align="left" valign="middle" bgcolor="#ffffff" style="font-size:12px; line-height: 20px; font-family:Arial, Helvetica, sans-serif;"><a href="#" target="_blank" style="text-decoration:none; color: #e48828;">Etiam sem elit, venenatis sit.</a></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="10" bgcolor="#eeefef" style="font-size:1px; line-height:1px;"> </td>
</tr>
<tr>
<td width="10" height="15" bgcolor="#ffffff" style="font-size:1px; line-height:1px; border-bottom:1px solid #b2ccdf;"> </td>
<td width="258" height="15" bgcolor="#ffffff" style="font-size:1px; line-height:1px; border-bottom:1px solid #b2ccdf;"> </td>
<td width="10" height="15" bgcolor="#ffffff" style="font-size:1px; line-height:1px; border-bottom:1px solid #b2ccdf;"> </td>
<td width="11" height="15" bgcolor="#eeefef" style="font-size:1px; line-height:1px; border-bottom:1px solid #eeefef;"> </td>
<td width="271" height="15" bgcolor="#ffffff" style="font-size:1px; line-height:1px; border-bottom:1px solid #b2ccdf;"> </td>
<td width="10" height="15" bgcolor="#eeefef" style="font-size:1px; line-height:1px; border-bottom:1px solid #eeefef;"> </td>
</tr>
</table>