I can't see why it renders like this.

https://www.americanbar.org/content/dam/aba/images/membership_marketing/emailtemplates/fullwidthimage.png

This is my original code.

<!-- CSS -->
img{
font-size:14px;
line-height:16px;
color:#6C6C6C;
display:block !important;
border:0 !important;
overflow:visible;
}

<!-- HTML -->

<table width="100%" style="border-spacing:0;">
    <tr aria-hidden="true">
        <td align="center" style="padding:0;font-size:0;line-height:0;">
            <a href="#VALUE#" style="text-decoration:none;" target="_blank" tabindex="1">
                <div class="owa">
                    <img src="#VALUE#" alt="#TITLE#. " style="width:100%;height:auto;max-width:600px;max-height:100px;" class="img"/>
                </div>
            </a>
        </td>
    </tr>
</table>

Once it goes through Outlook 2013, this is how the code is changed.

<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width="100%" style='width:100.0%;border-collapse:collapse;mso-yfti-tbllook:1184;border-spacing:0'>
    <tr style='mso-yfti-irow:4;mso-yfti-lastrow:yes' aria-hidden=true>
        <td valign=top style='padding:0in 0in 0in 0in'>
            <div>
                <p class=MsoNormal align=center style='text-align:center;line-height:0%'>
                    <span style='font-size:1.0pt;font-family:"Calibri",sans-serif; mso-fareast-font-family:Arial;color:#333333'>
                        <img border=0 id="_x0000_i1026" src="http://fpoimg.com/600x250" style='height:auto;max-width:600px;width:100%' alt=". " class=img><o:p></o:p>
                    </span>
                </p>
            </div>
        </td>
    </tr>
</table>

Thoughts?