
0
Client Provided HTML with background images always shows a white line break in Outlook 2016 (win.10 and 7)
Hi All -- I have looked through the forum and applied all the hacks for this issue to this client-provided email and I am still getting the white line break in Outlook 2016 only. Now, I prefer to code my emails using tables, and of course they are using mostly divs, could this be the underlying issue? If anyone has any info on this to share I would be so thankful :)
I have included the code here:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"><head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
<!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge" /><!--<![endif]-->
<!--[if !mso]><!-- -->
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<!--<![endif]-->
<!--[if (gte mso 9)|(IE)]>
<style type="text/css" id="media-query">
body {
margin: 0;
padding: 0; }
table, tr, td {
vertical-align: top;
border-collapse: collapse; }
.ie-browser table, .mso-container table {
table-layout: fixed; }
* {
line-height: inherit; }
a[x-apple-data-detectors=true] {
color: inherit !important;
text-decoration: none !important; }
[owa] .img-container div, [owa] .img-container button {
display: block !important; }
[owa] .fullwidth button {
width: 100% !important; }
[owa] .block-grid .col {
display: table-cell;
float: none !important;
vertical-align: top; }
.ie-browser .num12, .ie-browser .block-grid, [owa] .num12, [owa] .block-grid {
width: 600px !important; }
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
line-height: 100%; }
.ie-browser .mixed-two-up .num4, [owa] .mixed-two-up .num4 {
width: 200px !important; }
.ie-browser .mixed-two-up .num8, [owa] .mixed-two-up .num8 {
width: 400px !important; }
.ie-browser .block-grid.two-up .col, [owa] .block-grid.two-up .col {
width: 300px !important; }
.ie-browser .block-grid.three-up .col, [owa] .block-grid.three-up .col {
width: 200px !important; }
.ie-browser .block-grid.four-up .col, [owa] .block-grid.four-up .col {
width: 150px !important; }
.ie-browser .block-grid.five-up .col, [owa] .block-grid.five-up .col {
width: 120px !important; }
.ie-browser .block-grid.six-up .col, [owa] .block-grid.six-up .col {
width: 100px !important; }
.ie-browser .block-grid.seven-up .col, [owa] .block-grid.seven-up .col {
width: 85px !important; }
.ie-browser .block-grid.eight-up .col, [owa] .block-grid.eight-up .col {
width: 75px !important; }
.ie-browser .block-grid.nine-up .col, [owa] .block-grid.nine-up .col {
width: 66px !important; }
.ie-browser .block-grid.ten-up .col, [owa] .block-grid.ten-up .col {
width: 60px !important; }
.ie-browser .block-grid.eleven-up .col, [owa] .block-grid.eleven-up .col {
width: 54px !important; }
.ie-browser .block-grid.twelve-up .col, [owa] .block-grid.twelve-up .col {
width: 50px !important; }
@media only screen and (min-width: 620px) {
.block-grid {
width: 600px !important; }
.block-grid .col {
vertical-align: top; }
.block-grid .col.num12 {
width: 600px !important; }
.block-grid.mixed-two-up .col.num4 {
width: 200px !important; }
.block-grid.mixed-two-up .col.num8 {
width: 400px !important; }
.block-grid.two-up .col {
width: 300px !important; }
.block-grid.three-up .col {
width: 200px !important; }
.block-grid.four-up .col {
width: 150px !important; }
.block-grid.five-up .col {
width: 120px !important; }
.block-grid.six-up .col {
width: 100px !important; }
.block-grid.seven-up .col {
width: 85px !important; }
.block-grid.eight-up .col {
width: 75px !important; }
.block-grid.nine-up .col {
width: 66px !important; }
.block-grid.ten-up .col {
width: 60px !important; }
.block-grid.eleven-up .col {
width: 54px !important; }
.block-grid.twelve-up .col {
width: 50px !important; } }
@media (max-width: 620px) {
.block-grid, .col {
min-width: 320px !important;
max-width: 100% !important;
display: block !important; }
.block-grid {
width: calc(100% - 40px) !important; }
.col {
width: 100% !important; }
.col > div {
margin: 0 auto; }
img.fullwidth, img.fullwidthOnMobile {
max-width: 100% !important; }
.no-stack .col {
min-width: 0 !important;
display: table-cell !important; }
.no-stack.two-up .col {
width: 50% !important; }
.no-stack.mixed-two-up .col.num4 {
width: 33% !important; }
.no-stack.mixed-two-up .col.num8 {
width: 66% !important; }
.no-stack.three-up .col.num4 {
width: 33% !important; }
.no-stack.four-up .col.num3 {
width: 25% !important; } }
</style>
</head>
<body class="clean-body" style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;background-color: #FFFFFF">
<style type="text/css" id="media-query-bodytag">
@media (max-width: 520px) {
.block-grid {
min-width: 320px!important;
max-width: 100%!important;
width: 100%!important;
display: block!important;
}
.col {
min-width: 320px!important;
max-width: 100%!important;
width: 100%!important;
display: block!important;
}
.col > div {
margin: 0 auto;
}
img.fullwidth {
max-width: 100%!important;
}
img.fullwidthOnMobile {
max-width: 100%!important;
}
.no-stack .col {
min-width: 0!important;
display: table-cell!important;
}
.no-stack.two-up .col {
width: 50%!important;
}
.no-stack.mixed-two-up .col.num4 {
width: 33%!important;
}
.no-stack.mixed-two-up .col.num8 {
width: 66%!important;
}
.no-stack.three-up .col.num4 {
width: 33%!important
}
.no-stack.four-up .col.num3 {
width: 25%!important
}
}
</style>
<!--[if IE]><div class="ie-browser"><![endif]-->
<!--[if mso]><div class="mso-container"><![endif]-->
<![endif]-->
</head>
<body>
<table class="nl-container" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;min-width: 320px;Margin: 0 auto;background-color: #003057;width: 100%" cellpadding="0" cellspacing="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
<!--[if gte mso 9]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #FFFFFF;"><![endif]-->
<div style="background-color:#003057;">
<div style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;" class="block-grid ">
<div style="border-collapse: collapse;display: table;width: 100%;background-image:url('https://i.imgur.com/NBgqCYA.jpg');background-position:top center;background-repeat:no-repeat;background-color:transparent;">
<!--[if gte mso 9]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:#003057;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 600px;"><tr class="layout-full-width" style="background-image:url('https://i.imgur.com/NBgqCYA.jpg');background-position:top center;background-repeat:no-repeat;background-color:transparent;"><![endif]-->
<!--[if gte mso 9]><td align="center" width="600" style=" width:600px; padding-right: 0px; padding-left: 0px; padding-top:25px; padding-bottom:30px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
<div class="col num12" style="min-width: 320px;max-width: 600px;display: table-cell;vertical-align: top;">
<div style="background-color: transparent; width: 100% !important;">
<!--[if (!mso)&(!IE)]><!--><div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:25px; padding-bottom:30px; padding-right: 0px; padding-left: 0px;"><!--<![endif]-->
<div align="center" class="img-container center autowidth fullwidth" style="padding-right: 0px; padding-left: 0px;">
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px;" align="center"><![endif]-->
<a href="http://ad.smartwebnetwork.com/tools/redir.php?id=5322&link_id=12345" target="_blank">
<img class="center autowidth fullwidth" align="center" border="0" src="https://i.imgur.com/IbyOIuQ.png" alt="Old Dominion University" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;width: 100%;max-width: 600px; background-color:#000001;color:#ffffff;" width="600" />
</a>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 0px; padding-bottom: 10px;"><![endif]-->
<div style="font-family:'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;line-height:120%;color:#555555; padding-right: 10px; padding-left: 10px; padding-top: 0px; padding-bottom: 10px;">
<div style="font-size:12px;line-height:14px;color:#555555;font-family:'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;text-align:left;"><p style="margin: 0;font-size: 14px;line-height: 17px;text-align: center"><span style="font-size: 48px; line-height: 57px;"><strong><span style="color: rgb(255, 255, 255); line-height: 57px; font-size: 48px;">We are expanding!</span></strong></span><span style="color: rgb(255, 255, 255); font-size: 14px; line-height: 16px;"></span></p></div>
</div>
<!--[if mso]></td></tr></table><![endif]-->
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"><![endif]-->
<div style="font-family:'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;line-height:150%;color:#ffffff; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;">
<div style="font-size:12px;line-height:18px;font-family:Montserrat, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;color:#ffffff;text-align:left;">
<p style="margin: 0;font-size: 14px;line-height: 21px;text-align: center;"><span style="font-size: 24px; line-height: 36px; color: rgb(255, 255, 255);"><strong><span style="line-height: 36px; font-size: 24px;">Teaching...You've thought about it, </span></strong></span></p>
<p style="margin: 0;font-size: 14px;line-height: 21px;text-align: center"><span style="font-size: 24px; line-height: 36px; color: rgb(255, 255, 255);"><strong><span style="line-height: 36px; font-size: 24px;">now do it!</span></strong></span></p>
<p style="margin: 0;font-size: 14px;line-height: 21px;text-align: center"><span style="font-size: 24px; line-height: 36px; color: rgb(255, 255, 255);"><span style="line-height: 36px; font-size: 24px;"> </span><span style="line-height: 36px; font-size: 24px;"><strong><span style="line-height: 36px; font-size: 24px;">The ODU Career Switcher Program is one of the most accelerated Alternative Route to Teacher Licensure programs in VA.</span></strong></span></span></p>
</div>
</div>
<!--[if mso]></td></tr></table><![endif]-->
<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
</div>
</div>
<!--[if gte mso 9]></td></tr></table></td></tr></table><![endif]-->
</div>
</div>
</div> <div style="background-color:#003057;">
<div style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #000000;" class="block-grid ">
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#000000;">
<!--[if gte mso 9]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:#003057;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 600px;"><tr class="layout-full-width" style="background-color:#000000;"><![endif]-->
<!--[if gte mso 9]><td align="center" width="600" style=" width:600px; padding-right: 0px; padding-left: 0px; padding-top:0px; padding-bottom:5px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
<div class="col num12" style="min-width: 320px;max-width: 600px;display: table-cell;vertical-align: top;">
<div style="background-color: transparent; width: 100% !important;">
<!--[if (!mso)&(!IE)]><!--><div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:0px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;"><!--<![endif]-->
<div align="center" class="img-container center fixedwidth" style="padding-right: 60px; padding-left: 60px;">
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 60px; padding-left: 60px;" align="center"><![endif]-->
<div style="line-height:10px;font-size:1px"> </div> <a href="http://ad.smartwebnetwork.com/tools/redir.php?id=5322&link_id=12345" target="_blank">
<img class="center fixedwidth" align="center" border="0" src="https://i.imgur.com/rZlYXUE.png" alt="Why Teach?" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;width: 100%;max-width: 180px;background-color:#000001;color:#ffffff;" width="180" />
</a>
<div style="line-height:10px;font-size:1px"> </div><!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
</div>
</div>
<!--[if gte mso 9]></td></tr></table></td></tr></table><![endif]-->
</div>
</div>
</div> <div style="background-color:#003057;">
<div style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #000000;border-collapse: collapse;" class="block-grid ">
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#000000;">
<!--[if gte mso 9]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:#003057;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 600px;"><tr class="layout-full-width" style="background-color:#000000;"><![endif]-->
<!--[if gte mso 9]><td align="center" width="600" style=" width:600px; padding-right: 0px; padding-left: 0px; padding-top:0px; padding-bottom:0px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
<div class="col num12" style="min-width: 320px;max-width: 600px;display: table-cell;vertical-align: top;">
<div style="background-color: transparent; width: 100% !important;">
<!--[if (!mso)&(!IE)]><!--><div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;"><!--<![endif]-->
<div align="center" class="button-container center" style="padding-right: 0px; padding-left: 0px; padding-top:0px; padding-bottom:10px;border-collapse: collapse;">
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:0px; padding-bottom:10px;" align="center"><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://ad.smartwebnetwork.com/tools/redir.php?id=5322&link_id=12345" style="height:45pt; v-text-anchor:middle; width:222pt;" arcsize="8%" strokecolor="#003057" fillcolor="#003057"><w:anchorlock/><v:textbox inset="0,0,0,0"><center style="color:#ffffff; font-family:'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:28px;"><![endif]-->
<a href="http://ad.smartwebnetwork.com/tools/redir.php?id=5322&link_id=12345" target="_blank" style="display: block;text-decoration: none;-webkit-text-size-adjust: none;text-align: center;color: #ffffff; background-color: #003057; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; max-width: 296px; width: 256px;width: auto; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 0px solid transparent; border-left: 0px solid transparent; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; font-family:'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:28px;mso-border-alt: none;">
<strong>Make Your Move</strong>
</a>
<!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]-->
</div>
<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
</div>
</div>
<!--[if gte mso 9]></td></tr></table></td></tr></table><![endif]-->
</div>
</div>
</div> <div style="background-color:#003057;">
<div style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;" class="block-grid ">
<div style="border-collapse: collapse;display: table;width: 100%;background-image:url('https://i.imgur.com/0iTSvDk.jpg');background-position:top center;background-repeat:no-repeat;background-color:transparent;">
<!--[if gte mso 9]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:#003057;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 600px;"><tr class="layout-full-width" style="background-image:url('https://i.imgur.com/0iTSvDk.jpg');background-position:top center;background-repeat:no-repeat;background-color:transparent;"><![endif]-->
<!--[if gte mso 9]><td align="center" width="600" style=" width:600px; padding-right: 0px; padding-left: 0px; padding-top:0px; padding-bottom:0px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
<div class="col num12" style="min-width: 320px;max-width: 600px;display: table-cell;vertical-align: top;">
<div style="background-color: transparent; width: 100% !important;">
<!--[if (!mso)&(!IE)]><!--><div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;"><!--<![endif]-->
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 60px; padding-left: 60px; padding-top: 60px; padding-bottom: 60px;"><![endif]-->
<div style="font-family:'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;line-height:120%;color:#555555; padding-right: 60px; padding-left: 60px; padding-top: 60px; padding-bottom: 60px;">
<div style="font-size:12px;line-height:14px;color:#555555;font-family:'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;text-align:left;"><p style="margin: 0;font-size: 12px;line-height: 14px;"> <br /></p><br /></div>
</div>
<!--[if mso]></td></tr></table><![endif]-->
<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
</div>
</div>
<!--[if gte mso 9]></td></tr></table></td></tr></table><![endif]-->
</div>
</div>
</div> <div style="background-color:#003057;">
<div style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #003057;" class="block-grid ">
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#003057;">
<!--[if gte mso 9]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:#003057;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 600px;"><tr class="layout-full-width" style="background-color:#003057;"><![endif]-->
<!--[if gte mso 9]><td align="center" width="600" style=" width:600px; padding-right: 0px; padding-left: 0px; padding-top:0px; padding-bottom:0px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
<div class="col num12" style="min-width: 320px;max-width: 600px;display: table-cell;vertical-align: top;">
<div style="background-color: transparent; width: 100% !important;">
<!--[if (!mso)&(!IE)]><!--><div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;"><!--<![endif]-->
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top: 5px; padding-bottom: 5px;"><![endif]-->
<div style="font-family:'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;line-height:150%;color:#ffffff; padding-right: 0px; padding-left: 0px; padding-top: 5px; padding-bottom: 5px;">
<div style="font-size:12px;line-height:18px;font-family:Montserrat, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;color:#ffffff;text-align:left;">
<p style="margin: 0;font-size: 12px;line-height: 18px;text-align: center"><span style="font-size: 26px; line-height: 39px;"><strong>Free information sessions being held in Norfolk, Richmond and Northern VA.</strong></span></p>
</div>
</div>
<!--[if mso]></td></tr></table><![endif]-->
<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
</div>
</div>
<!--[if gte mso 9]></td></tr></table></td></tr></table><![endif]-->
</div>
</div>
</div> <div style="background-color:#003057;">
<div style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;" class="block-grid ">
<div style="border-collapse: collapse;display: table;width: 100%;background-image:url('https://i.imgur.com/5fvl5OL.jpg');background-position:top center;background-repeat:no-repeat;background-color:transparent;">
<!--[if gte mso 9]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:#003057;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 600px;"><tr class="layout-full-width" style="background-image:url('https://i.imgur.com/5fvl5OL.jpg');background-position:top center;background-repeat:no-repeat;background-color:transparent;"><![endif]-->
<!--[if gte mso 9]><td align="center" width="600" style=" width:600px; padding-right: 0px; padding-left: 0px; padding-top:0px; padding-bottom:0px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
<div class="col num12" style="min-width: 320px;max-width: 600px;display: table-cell;vertical-align: top;">
<div style="background-color: transparent; width: 100% !important;">
<!--[if (!mso)&(!IE)]><!--><div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;"><!--<![endif]-->
<div align="center" class="img-container center fixedwidth" style="padding-right: 25px; padding-left: 25px;">
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 25px; padding-left: 25px;" align="center"><![endif]-->
<div style="line-height:25px;font-size:1px"> </div> <a href="http://ad.smartwebnetwork.com/tools/redir.php?id=5322&link_id=12345" target="_blank">
<img class="center fixedwidth" align="center" border="0" src="https://i.imgur.com/e8IAUxX.jpg" alt="" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;width: 100%;max-width: 450px;" width="450" />
</a>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<div align="center" class="img-container center autowidth fullwidth" style="padding-right: 0px; padding-left: 0px;">
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px;" align="center"><![endif]-->
<a href="http://ad.smartwebnetwork.com/tools/redir.php?id=5322&link_id=12345" target="_blank">
<img class="center autowidth fullwidth" align="center" border="0" src="https://i.imgur.com/IbyOIuQ.png" alt="" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;width: 100%;max-width: 600px;" width="600" />
</a>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
</div>
</div>
<!--[if gte mso 9]></td></tr></table></td></tr></table><![endif]-->
</div>
</div>
</div> <div style="background-color:#003057;">
<div style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #000000;" class="block-grid ">
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#000000;">
<!--[if gte mso 9]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:#003057;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 600px;"><tr class="layout-full-width" style="background-color:#000000;"><![endif]-->
<!--[if gte mso 9]><td align="center" width="600" style=" width:600px; padding-right: 0px; padding-left: 0px; padding-top:0px; padding-bottom:0px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
<div class="col num12" style="min-width: 320px;max-width: 600px;display: table-cell;vertical-align: top;">
<div style="background-color: transparent; width: 100% !important;">
<!--[if (!mso)&(!IE)]><!--><div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;"><!--<![endif]-->
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"><![endif]-->
<div style="font-family:'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;line-height:120%;color:#555555; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;">
<div style="font-size:12px;line-height:14px;font-family:Montserrat, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;color:#555555;text-align:left;"><p style="margin: 0;font-size: 28px;line-height: 34px;text-align: center"><a style="color:#ffffff;text-decoration: underline;" title="tel:7574536856" href="tel:7574536856" data-mce-selected="1"><strong>GIVE US A CALL AT 757-453-6856</strong></a></p></div>
</div>
<!--[if mso]></td></tr></table><![endif]-->
<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
</div>
</div>
<!--[if gte mso 9]></td></tr></table></td></tr></table><![endif]-->
</div>
</div>
</div> <!--[if gte mso 9]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
<!--[if gte mso 9]></div><![endif]-->
<div style="text-align:center"><img src="http://ad.smartwebnetwork.com/tools/img.php?id=5322&img=00" style="width:1px;height:1px;" /><br /></div>
</body>
</html>
Could putting style="display:block;" within each instance of a BG image tag work here?
Only mention this as I had issues similar with a webpage, and the above fixed it.