Hello,

I've been having an issue with the rendering of a 2 column table on Outlook for Windows.

If you look at the template, there's a 'Weekly Trends' section that breaks out into 2 columns:
https://litmus.com/checklist/tests/8320026#ol2015

This table displays properly on every client but Outlook (Win 7) and Windows 10 mail.

The white inner background breaks to the right of 'weekly trends' and displays the outer background color:

I've included the template's code below. This table lives on rows 206-261.

Has anyone experienced an issue similar to this in the past?

Thanks
Derek


<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="x-apple-disable-message-reformatting">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style type="text/css">
    /* FONTS */
    @media screen {
        @font-face {
          font-family: "Theinhardt-web";
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlight_alt-webfont.eot");
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlight_alt-webfont.eot?#iefix") format("embedded-opentype"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlight_alt-webfont.woff") format("woff"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlight_alt-webfont.ttf") format("truetype");
          font-weight: 100;
          font-style: normal;
        }

        @font-face {
          font-family: "Theinhardt-web";
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlightit-webfont.eot");
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlightit-webfont.eot?#iefix") format("embedded-opentype"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlightit-webfont.woff") format("woff"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlightit-webfont.ttf") format("truetype");
          font-weight: 100;
          font-style: italic;
        }

        @font-face {
          font-family: "Theinhardt-web";
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtreg-webfont.eot");
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtreg-webfont.eot?#iefix") format("embedded-opentype"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtreg-webfont.woff") format("woff"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtreg-webfont.ttf") format("truetype");
          font-weight: 400;
          font-style: normal;
        }

        @font-face {
          font-family: "Theinhardt-web";
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtregit-webfont.eot");
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtregit-webfont.eot?#iefix") format("embedded-opentype"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtregit-webfont.woff") format("woff"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtregit-webfont.ttf") format("truetype");
          font-weight: 400;
          font-style: italic;
        }

        @font-face {
          font-family: "Theinhardt-web";
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtmed-webfont.eot");
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtmed-webfont.eot?#iefix") format("embedded-opentype"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtmed-webfont.woff") format("woff"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtmed-webfont.ttf") format("truetype");
          font-weight: 800;
          font-style: normal;
        }
    }

    p {
        font-weight: 300;
        line-height: 1.7; 
        margin-top: 4px;
    }

    h1 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 0px;
    }

    h2 {
          font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        letter-spacing: 1px !important;
        margin-bottom: 2px !important;
    }
    h5 {
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1.4px !important;
        line-height: 10px;
    }

    /* CLIENT-SPECIFIC STYLES */
    body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
    img { -ms-interpolation-mode: bicubic; }

    /* RESET STYLES */
    img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
    table { border-collapse: collapse !important; }
    body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }

     a {
         color: #1CA3FC;
         text-decoration: none;
    }
    /* iOS BLUE LINKS */
    a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
    }

    /* MOBILE STYLES */
    @media screen and (max-width:600px){
        h1 {
            font-size: 32px !important;
            line-height: 32px !important;
        }
    }

    /* ANDROID CENTER FIX */
    div[style*="margin: 16px 0;"] { margin: 0 !important; }
</style>
</head>
<body style="background-color: #F7F9FA; margin: 0 !important; padding: 0 !important;">

<!-- HIDDEN PREHEADER TEXT -->
<div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
A successful sale is just the beginning of your journey to greater success. To guarantee repeat business you’ve got to cement a long-lasting relationship with the architects involved.</div>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <!-- LOGO -->
    <tbody><tr>
        <td bgcolor="#F7F9FA" align="center" class="">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <!-- BG Logo -->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
                <tbody><tr>
                    <td align="left" valign="middle" style="padding-top: 40px; padding-bottom: 40px; " class="">
                        <a href="https://architizer.com/?utm_source=eloqua&utm_medium=email&utm_campaign=week-in-review_manufacturer&elqTrackId=cfbbd15ea6dd48299e52bf9023f73ac9&elqTrack=true" target="_blank">
                            <img alt="Architizer" src="http://Images.response.architizer.com/EloquaImages/clients/ArchitizerInc1/%7B249e188b-c16d-4f08-b251-9380f4d4e8fa%7D_architizer-email-logo-200.png" width="90" class=""></a>                     

                    </td>
                    <td align="right" valign="middle" style="padding-top: 40px; padding-bottom: 40px; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 30px; font-weight: 400; letter-spacing: 3px; line-height: 30px;" class="">
                        <h5 style="font-size: 10px; font-weight: 600; margin: 0; letter-spacing: 1.2px; color: #292929" class="">FIND ARCHITECTURAL PRODUCTS. FASTER.</h5>
                    </td>
                </tr>
            </tbody></table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>


    <!-- HERO / TITLE SECTION BLOCK -->
    <tr>
        <td bgcolor="#F7F9FA" align="center" style="padding: 0px 40px;" class="">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
                <tbody><tr>
                    <td bgcolor="#FFFFFF" align="left" valign="middle" style="padding: 40px 40px 0 40px; border-radius: 3px 3px 0px 0px; color: #111111; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 30px; letter-spacing: 2px; line-height: 30px;" class="">
                          <h2 style="font-size: 25px; font-weight: 500; margin: 0px; border-style: none;" class="">Week in Review</h2>
                        <!-- <h4 style="font-size: 16px; font-weight: 400; margin: 0; letter-spacing: 0.8px">What happened last week.</h4> -->
                    </td>
                </tr>
                  <!-- SECTION BLOCK -->
                <tr>
                   <td bgcolor="#ffffff" align="left" style="padding: 10px 40px 0 40px; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px;" class="">
                      <!-- SECTION HEADING -->
<!--                     <h5 style="margin: 0 0 6px 0;">WEEK IN REVIEW</h5> -->
                      <!-- COPY -->
                     <p style="color: rgb(41, 41, 41); font-family: Theinhardt, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px; border-style: none;" class=""><font color="#050505">Your product has finally been selected and specified for a large project by a major architecture firm — what now? </font><a href="https://architizer.com/blog/for-manufacturers/after-the-sale/?utm_source=eloqua&utm_medium=email&utm_campaign=week-in-review_manufacturer&elqTrackId=F01644AF61644FC0EB21108B851FECE1&elqTrack=true" data-targettype="webpage" style=""><font color="#1ca2fc">You’ve built trust, but you must keep up the momentum.</font></a></p></td>
                </tr>
                  <tr>
                                <!-- Feature Info -->
                                <td bgcolor="#ffffff" align="left" style="padding: 2px 40px 0px 40px; color: rgb(41, 41, 41); font-family: Theinhardt, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px; border-style: none;" class="">
                     <!-- SECTION HEADING -->
                                  <h5 style="margin: 0 0 6px 0;" class=""></h5>
                       <!-- COPY HEADER -->  

                                  <!-- COPY HEADER -->  
                        <p><h2 style="margin: 0;" class=""><div class="">How to Keep Winning with Architects After the Sale</div></h2>
                                    <p style="color: rgb(41, 41, 41); font-family: Theinhardt, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px; border-style: none;" class=""><div class="">A successful sale is just the beginning of your journey to greater success. To guarantee repeat business you’ve got to cement a long-lasting relationship with the architects involved. <a href="https://architizer.com/blog/for-manufacturers/after-the-sale/?utm_source=eloqua&utm_medium=email&utm_campaign=week-in-review_manufacturer&elqTrackId=8DA2D4489451F4B3CB802B4ACABFCD47&elqTrack=true" data-targettype="webpage"><font color="#1ca2fc">Here’s how you can get started.</font></a></div><p><p><font style="font-size: 16px;">
                                </font></p></td>
                            </tr>
                            <!-- Feature Image -->
                            <tr>
                                <td bgcolor="#ffffff" height="248px" width="100%" align="left" valign="middle" style="background-image:url; background-repeat:no-repeat; background-size:contain; background-position: center;" class=""><a href="https://architizer.com/blog/for-manufacturers/after-the-sale/?utm_source=eloqua&utm_medium=email&utm_campaign=week-in-review_manufacturer&elqTrackId=09EC6BA25E4811DDBB96947D0EA5B3B5&elqTrack=true" data-targettype="webpage" class=""><img src="http://Images.response.architizer.com/EloquaImages/clients/ArchitizerInc1/%7Ba8690e55-6fdc-449d-8133-c3d90ec5fd3c%7D_20171122BPM.jpg" class=""></a>
                                </td>
                            </tr>
                  <tr>


                  </tr></tbody></table></td>


            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->



   <!-- Trends Row -->
    </tr><tr>
        <td bgcolor="#F7F9FA" align="center" style="padding: 0 40px;" class="">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" class="">
                <tbody><tr>
                    <!-- FEATURES HEADING -->
                    <td bgcolor="#ffffff" align="left" style="padding: 20px 0px 0px 40px; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px;" class="">
                        <h5 style="margin: 0;" class="">WEEKLY TRENDS</h5>
                    </td>
                </tr>
                <!-- TREND ROW-->
                <tr>
                    <!-- TREND A -->
                       <td bgcolor="#ffffff" align="left" valign="top" width="50%" style="padding: 0px 40px 4px 40px; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px;" class="">
                        <h2 style="font-size: 25px; line-height:1; margin-top:12px" class="">
                            148</h2>
                        <p style="line-height:1.3;" class="">new opportunities created.
                       </p>
                    </td>
                    <!-- TREND B -->
                    <td bgcolor="#ffffff" align="left" valign="top" width="50%" style="padding: 0px 40px 4px 40px; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px;" class="">
                        <h2 style="font-size: 25px; line-height: 1; margin-top: 12px; border-style: none;" class="">
                            23</h2>
                        <p style="line-height:1.3;" class="">new projects added.</p>
                    </td>
                </tr>
                <!-- TREND ROW-->
                <tr>
                     <!-- TREND A -->
                    <td bgcolor="#ffffff" align="left" valign="top" width="50%" style="padding: 20px 40px 4px 40px; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px;" class="">
                        <h2 style="font-size: 20px; line-height: 1.2; font-weight: 500; border-style: none;" class="">
                            <a href="https://architizer.com/firms/zigersnead-architects/?utm_source=eloqua&utm_medium=email&utm_campaign=week-in-review_manufacturer&elqTrackId=EDDD5A6D8351349CD7F21AEF70BDA86D&elqTrack=true" style="text-decoration: underline; color:#292929;" title="" data-targettype="webpage">Ziger/Snead</a></h2>
                        <p style="line-height:1.3;" class="">
                            is the newest of 7 firms.
                       </p>
                    </td>
                    <!-- TREND B -->
                    <td bgcolor="#ffffff" align="left" valign="top" width="50%" style="padding: 20px 40px 4px 40px; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px;" class="">
                        <h2 style="font-size: 20px; line-height: 1.2; font-weight: 500; border-style: none;" class="">
                            <a href="https://architizer.com/firms/platt-byard-dovell-white-architects-llp/?utm_source=eloqua&utm_medium=email&utm_campaign=week-in-review_manufacturer&elqTrackId=0B60D83F5910C89A8573B25E3FC5BD80&elqTrack=true" style="text-decoration: underline; color:#292929;" title="" data-targettype="webpage">PDBW Architects</a></h2>
                        <p style="line-height:1.3;" class="">
                            is the most active firm.
                       </p>
                    </td>
                </tr>
            </tbody></table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr> 


    <!-- CTA Row -->
    <tr>
        <td bgcolor="#F7F9FA" align="center" style="padding: 0px 40px 0px 40px;" class="">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
                <!-- Source Button -->
                <tbody><tr>
                  <td bgcolor="#ffffff" align="center" style="padding: 30px; border-radius: 0 0 3px 3px;" class="">
                    <table border="0" cellspacing="0" cellpadding="0">
                      <tbody><tr>
                          <td align="center" width="520px" style="border: 1px solid #1CA3FC; border-radius: 3px; padding: 12px;" bgcolor="#1CA3FC" class="">
                              <a href="https://architizer.com/?utm_source=eloqua&utm_medium=email&utm_campaign=week-in-review_manufacturer&elqTrackId=48eb7a6a99f94d0e8add88b1ee626548&elqTrack=true" target="_blank" style="font-size: 20px; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 3px; display: inline-block;">Go to Architizer</a>
                          </td>
                      </tr>
                    </tbody></table>
                  </td>
                </tr>
            </tbody></table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>
    <!-- FOOTER -->
    <tr>
        <td align="center" style="padding: 40px 10px 20px 10px;" class="">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
              <tbody></tbody><!-- UNSUBSCRIBE -->
              <tbody><tr>
                <td align="left" style="padding: 0 0 10px 0; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 12px;" class="">
                  <p style="line-height: 20px;" class="">You are receiving this email because you signed up for Week in Review. 
                      <br><a href="http://s840291656.t.en25.com/e/sl?s=~~eloqua..type--emailfield..syntax--siteid..encodeFor--url~~" target="_blank" style="color: #859DAF;" data-targettype="sysaction">Click Here</a> to update your subscription settings.</p>
                </td>
              </tr>
              <!-- ADDRESS -->
              <tr>
                <td align="left" style="padding: 0 0 10px 0; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 12px;" class="">
                  <p style="line-height: 20px;" class=""><a href="https://architizer.com/?utm_source=eloqua&utm_medium=email&utm_campaign=week-in-review_manufacturer&elqTrackId=6ebcd8b0f71e4c0bab1b0fc77721f2be&elqTrack=true" target="_blank" style="color: #859DAF;">Architizer</a>, 1 Whitehall Street, New York, NY 10004</p>
                </td>
              </tr>
            </tbody></table></td></tr></tbody>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->






</table></body></html>