I got a 3 col layout trying to use the middle col for a vertical line divider. Looks great except as expected outlook. No matter what i do the middle col is huge, completely breaking the email. Any ideas?

<tr>
                    <td class="three-column" style="padding: 0;text-align: center;font-size: 0;padding-top: 10px;padding-bottom: 10px;">
                        <!--[if (gte mso 9)|(IE)]>
                        <table width="100%">
                        <tr>
                        <td width="298" valign="top">
                        <![endif]-->
                           <div class="column" style="width:100%;max-width:298px;display:inline-block;vertical-align:top;" >
                                    <table width="100%" style="border-spacing:0;font-family:sans-serif;color:#ffffff;" >
                                        <tr>
                                            <td class="inner" style="padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;" ><table class="contents" style="border-spacing:0;font-family:sans-serif;color:#ffffff;width:100%;font-size:4px;text-align:center;" >
                                                 <tr>
                                                    <td  style="padding-bottom:0;padding-right:0;padding-left:0;padding-top:10px;color:#FFFFFF;font-family: Arial, Verdana, Sans-Serif,'Montserrat';font-size: 46px;font-weight: 600" >15% OFF</td>
                                                </tr>
                                                <tr>
                                                    <td  style="padding-bottom:0;padding-right:0;padding-left:0;padding-top:0px;color:#FFFFFF;font-family: Arial, Verdana, Sans-Serif,'Montserrat';font-size: 15px;font-weight: 600" >2 BUNDLES OF 20 <span style="white-space: nowrap">TWO-PACKS</span></td>
                                                </tr>
                                                 <tr>
                                                    <td  style="padding-bottom:0;padding-right:0;padding-left:0;padding-top:5px;color:#C2C2C2;font-family: Arial, Verdana, Sans-Serif,'Montserrat';font-size: 12px;font-weight: 400" ><span style="white-space: nowrap">USE CODE: BUNDLESALE</span></td>
                                                </tr>
                                                <tr>
                                                     <td style="padding-top:20px;padding-bottom:0;padding-right:0;padding-left:0;" ><img src="http://static.cdn.responsys.net/i5/responsysimages/content/greensmoke/EM215_20pk_1.png" width="230" alt="" style="border-width:0;width:100%;max-width:200px;height:auto;" /></td>
                                                </tr>
                                                <tr>
                                                    <td  style="padding-bottom:0;padding-right:0;padding-left:0;padding-top:0px;color:#807E7E;" >  <!--BUTTON START-->

                                                        <tr>
                                                            <td  class="one-column" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" ><!-- START CENTERED BUTTON -->

                                                                <center>
                                                                    <table width="100%">
                                                                        <tr>
                                                                            <td><table border="0" cellpadding="0" cellspacing="0">
                                                                                <tr>
                                                                                    <td height="20" width="100%" style="font-size: 20px; line-height: 20px;">&nbsp;</td>
                                                                                </tr>
                                                                                </table>
                                                                                <table border="0" align="center" cellpadding="0" cellspacing="0" style="margin:0 auto;">
                                                                                    <tbody>
                                                                                        <tr>
                                                                                            <td align="center"><table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
                                                                                                <tr>
                                                                                                    <td align="center" bgcolor="#D71A21" width="220" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;">
                                                                                                        <a href="http://www.markten.com/aff/$cond(eq(indexof(lowercase(campaignname()),sale),-1),30662,30418)$/tag1/$cond(eq(indexof(lowercase(campaignname()),sale),-1),Retention,Promotions)$/$cond(empty(lookup(tag2)),concat(tag2/,campaignname(),/),concat(tag2/,lookup(tag2),/))$$cond(empty(lookup(tag3)),concat(tag3/,email,/),concat(tag3/,lookup(tag3),/))$$cond(empty(lookup(EMAIL_MD5_HASH_)),nothing(),concat(tag4/,lookup(EMAIL_MD5_HASH_),/))$?url=$urlencode(lookuptable(MarkTen, Markten_Sup,campaign,campaignname(),link1))$"  style="padding: 10px 18px;width:200px;display: block;text-decoration: none;border:0;text-align: center;font-weight: bold;font-size: 14px;font-family: sans-serif,'Montserrat';color: #ffffff;background: #D61920;border: 1px solid #D61920;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;line-height:17px;" class="button_link"> SHOP NOW</a></td>
                                                                                                </tr>
                                                                                                </table></td>
                                                                                        </tr>
                                                                                    </tbody>
                                                                                </table>
                                                                                <table border="0" cellpadding="0" cellspacing="0">
                                                                                    <tr>
                                                                                        <td height="20" width="100%" style="font-size: 20px; line-height: 20px;">&nbsp;</td>
                                                                                    </tr>
                                                                                </table></td>
                                                                        </tr>
                                                                    </table>
                                                                </center>

                                                                <!-- END CENTERED BUTTON -->

                                                                <table width="100%" style="border-spacing:0;font-family:sans-serif,'Open Sans';;color:#000000;" ><tr><td></td></tr>

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

                                                        <!--BUTTON END-->

                                                    </td>
                                                </tr>
                                                </table></td>
                                        </tr>
                                    </table>
                                </div>
                        <!--[if (gte mso 9)|(IE)]>
                        </td><td width="2" valign="top style="display:none">
                        <![endif]-->

                   <div class="mobile-hide" style="width:100%;max-width:1px;display:inline-block;vertical-align:top;" >
                                    <table width="1" style="border-spacing:0;font-family:sans-serif;color:#ffffff;" >
                                        <tr>
                                            <td class="inner" style="padding:0px;" >
                                                <table class="contents" style="border-spacing:0;font-family:sans-serif;color:#ffffff;width:100%;font-size:14px;text-align:left;background: #000000;background: -moz-linear-gradient(top,  #000000 0%, #565656 40%, #565656 60%, #000000 100%);background: -webkit-linear-gradient(top,  #000000 0%,#565656 25%,#565656 75%,#000000 100%);background: linear-gradient(to bottom,  #000000 0%,#565656 25%,#565656 75%,#000000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );">

                                        <tr><td height="250" width="1"></td></tr>
                                                </table></td>
                                        </tr>
                                    </table>
                                </div>     
                        <!--[if (gte mso 9)|(IE)]>
                        </td>
<td width="298" valign="top">
                        <![endif]-->
                        <div class="column" style="width:100%;max-width:298px;display:inline-block;vertical-align:top;" >
                                    <table width="100%" style="border-spacing:0;font-family:sans-serif;color:#ffffff;" >
                                        <tr>
                                            <td class="inner" style="padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;" ><table class="contents" style="border-spacing:0;font-family:sans-serif;color:#ffffff;width:100%;font-size:4px;text-align:center;" >
                                                 <tr>
                                                    <td  style="padding-bottom:0;padding-right:0;padding-left:0;padding-top:10px;color:#FFFFFF;font-family: Arial, Verdana, Sans-Serif,'Montserrat';font-size: 46px;font-weight: 600" >12.5% OFF</td>
                                                </tr>
                                                <tr>
                                                    <td   style="padding-bottom:0;padding-right:0;padding-left:0;padding-top:0px;color:#FFFFFF;font-family: Arial, Verdana, Sans-Serif,'Montserrat';font-size: 15px;font-weight: 600" >2 BUNDLES OF 10 <span style="white-space: nowrap">TWO-PACKS</span></td>
                                                </tr>
                                                 <tr>
                                                    <td   style="padding-bottom:0;padding-right:0;padding-left:0;padding-top:5px;color:#C2C2C2;font-family: Arial, Verdana, Sans-Serif,'Montserrat';font-size: 12px;font-weight: 400" ><span style="white-space: nowrap">USE CODE: BUNDLESALE</span></td>
                                                </tr>
                                                <tr>
                                                     <td style="padding-top:20px;padding-bottom:12px;padding-right:0;padding-left:0;" ><img src="http://static.cdn.responsys.net/i5/responsysimages/content/greensmoke/EM215_10pk_1.png" width="230" alt="" style="border-width:0;width:100%;max-width:200px;height:auto;" /></td>
                                                </tr>
                                                <tr>
                                                    <td class="text" style="padding-bottom:0;padding-right:0;padding-left:0;padding-top:0px;color:#807E7E;" >  <!--BUTTON START-->

                                                        <tr>
                                                            <td  class="one-column" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" ><!-- START CENTERED BUTTON -->

                                                                <center>
                                                                    <table width="100%">
                                                                        <tr>
                                                                            <td><table border="0" cellpadding="0" cellspacing="0">
                                                                                <tr>
                                                                                    <td height="20" width="100%" style="font-size: 20px; line-height: 20px;">&nbsp;</td>
                                                                                </tr>
                                                                                </table>
                                                                                <table border="0" align="center" cellpadding="0" cellspacing="0" style="margin:0 auto;">
                                                                                    <tbody>
                                                                                        <tr>
                                                                                            <td align="center"><table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
                                                                                                <tr>
                                                                                                    <td align="center" bgcolor="#D71A21" width="220" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;">
                                                                                                        <a href="http://www.markten.com/aff/$cond(eq(indexof(lowercase(campaignname()),sale),-1),30662,30418)$/tag1/$cond(eq(indexof(lowercase(campaignname()),sale),-1),Retention,Promotions)$/$cond(empty(lookup(tag2)),concat(tag2/,campaignname(),/),concat(tag2/,lookup(tag2),/))$$cond(empty(lookup(tag3)),concat(tag3/,email,/),concat(tag3/,lookup(tag3),/))$$cond(empty(lookup(EMAIL_MD5_HASH_)),nothing(),concat(tag4/,lookup(EMAIL_MD5_HASH_),/))$?url=$urlencode(lookuptable(MarkTen, Markten_Sup,campaign,campaignname(),link1))$"  style="padding: 10px 18px;width:200px;display: block;text-decoration: none;border:0;text-align: center;font-weight: bold;font-size: 14px;font-family: sans-serif,'Montserrat';color: #ffffff;background: #D61920;border: 1px solid #D61920;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;line-height:17px;" class="button_link"> SHOP NOW</a></td>
                                                                                                </tr>
                                                                                                </table></td>
                                                                                        </tr>
                                                                                    </tbody>
                                                                                </table>
                                                                                <table border="0" cellpadding="0" cellspacing="0">
                                                                                    <tr>
                                                                                        <td height="20" width="100%" style="font-size: 20px; line-height: 20px;">&nbsp;</td>
                                                                                    </tr>
                                                                                </table></td>
                                                                        </tr>
                                                                    </table>
                                                                </center>

                                                                <!-- END CENTERED BUTTON -->

                                                                <table width="100%" style="border-spacing:0;font-family:sans-serif,'Open Sans';color:#000000;" ><tr><td></td></tr>

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

                                                        <!--BUTTON END-->

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