This question has significantly evolved following additional testing
I am using a table layout similar to this:
<table>
<tr>
<td></td>
<td style="padding:10px 3%;">
<div border="2px solid #000000;">
<table><tr><td style="padding:10px 7%;">Text 'n' stuff</td></tr></table>
</div>
</td>
<td></td>
</tr>
</table>
However, the div with a border is being clipped on the right. It seems that the div spans the width of the inner table along with an extra 14% for total padding, causing the border to extend slightly and then be truncated.
https://i.stack.imgur.com/OiG36.png
When I remove the nested table-tr-td inside the div but keep the content as is, the sizing issue is resolved. Alternatively, setting the td
padding to zero fixes the width problem of the div. Unfortunately, I require the inner table for its padding. This inconsistency occurs in Outlook versions 2007, 2010, and 2013.
While I need the div for its rounded corner feature in other email clients, I'm seeking a solution without resorting to conditional statements.