Hi,

I've been having an issue with outlook.com where it adds little black lines as spacing between, or after my tables. I'm unable to selet these lines as pieces of code in the inspector.

Another issue that I'm having, which seems related, is that all the text in the table is underlined. Again unidentifiable in the inspector. So I don't know if it's an actual underline or one of the black lines that outlook likes to add...

The code is quite long so I'll add specific bits.

This is the part that undlines my text

 <!-- recipe : BEGIN --> 
                <!--
                Set the email width. Defined in two places:
                1. max-width for all clients except Desktop Windows Outlook, allowing the email to squish on narrow but never go wider than 580px.
                2. MSO tags for Desktop Windows Outlook enforce a 580px width.-->
                <div style="max-width: 580px; margin: auto;" class="contentTable"> 
                    <!--[if mso]>
                <table cellpadding="0" border="0" width="580" align="center">
                <tr>
                <td>
                <![endif]--> 
                    <!-- Content : BEGIN -->
                    <table class="contentTable" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 580px;">
                        <tr>
                            <td width="100%" valign="top">
                                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                    <tr> 
                                        <!-- Bulletproof Background Images c/o https://backgrounds.cm -->
                                        <td class="recipe" background="http://placehold.it/580x200/333333/666666" width="100%" height="200" valign="bottom" align="right" style="width: 100%; max-width: 580px; text-align: center; background-position: top center; background-size: cover; background-repeat: none!important;"> 
                                            <!--[if gte mso 9]>
                                        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:580px;height:200px; background-position: center center !important;">
                                        <v:fill type="tile" src="http://placehold.it/580x200/333333/666666" color="#222222" />
                                        <v:textbox inset="0,0,0,0">
                                        <![endif]-->
                                            <div>
                                                <div align="right"> 
                                                    <!-- content : BEGIN -->
                                                    <table class="recipecontent" border="0" cellpadding="0" cellspacing="0" width="250">
                                                        <tr>
                                                            <td class="recipecontent" valign="bottom" align="right" width="100%" style="padding:0 10px 0 0;">
                                                                <table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
                                                                    <tr>
                                                                        <td width="100%" height="200" valign="middle" align="center" style="padding:0 20px; font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; color:#292e31; font-size:14px; line-height: 18px; "> 

                                                                            <!-- text : BEGIN --> 
                                                                            <img src="http://placehold.it/200x40/222222/666666" alt="subtitle" width="200" style="display:block; border:none; font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; color:#e31218; font-size:38px;" /> <br>
                                                                            Lorem ipsum dolor sit amet, consectetur adipiscing elitvitae augue ornare <br>
                                                                            <br>

                                                                            <!-- Button : BEGIN -->
                                                                            <table cellspacing="0" cellpadding="0" border="0" align="center">
                                                                                <tr>
                                                                                    <td style="border-radius: 3px; background: #78b532; text-align: center;" class="button-td"> <a href="http://www.google.com" style="background: #78b532; border: 10px solid #78b532; font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; color:#ffffff; font-size:16px; text-align: center; text-decoration: none; display: block; border-radius: 3px; " class="button-a"> &nbsp;&nbsp;CTA Button&nbsp;&nbsp; </a> </td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                            <!--[if gte mso 9]>
                                        </v:textbox>
                                        </v:rect>
                                        <![endif]--> 
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                    <!--[if mso]>
                </td>
                </tr>
                </table>
                <![endif]--> 
                </div>

And this is the part that adds the little black lines



<!-- 2 Even Columns : BEGIN --> 
                <!--
                Set the email width. Defined in two places:
                1. max-width for all clients except Desktop Windows Outlook, allowing the email to squish on narrow but never go wider than 580px.
                2. MSO tags for Desktop Windows Outlook enforce a 580px width.-->
                <div style="max-width: 580px; margin: auto;" class="contentTable"> 
                    <!--[if mso]>
                <table cellpadding="0" border="0" width="580" align="center">
                <tr>
                <td align="left" valign="top" width="580">
                <![endif]--> 
                    <!-- Content : BEGIN -->
                    <table class="contentTable" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 580px;">
                        <tr>
                            <td align="center" height="100%" valign="top" width="100%"> 

                                <!--[if mso]>
                        <table border="0" cellspacing="0" cellpadding="0" align="center"  valign="top" width="580">
                        <tr>
                        <td align="center" valign="top" width="580">
                        <![endif]-->
                                <table border="0" cellpadding="0" cellspacing="0" align="center" width="100%" style="max-width:580px;">
                                    <tr>
                                        <td align="center" valign="top"> 

                                            <!--[if mso]>
                                    <table border="0" cellspacing="0" cellpadding="0" align="center" valign="top" width="580">
                                    <tr>
                                    <td align="left" valign="top" width="285">
                                    <![endif]-->

                                            <div align="left" style="display:inline-block; margin: 0 -2px; width:100%; min-width:200px; max-width:285px; vertical-align:top;" class="stack-column ib">
                                                <table cellspacing="0" cellpadding="0" border="0" width="100%" align="left" valign="top">
                                                    <tr>
                                                        <td class="fullwidth">
                                                            <table rcellspacing="0" cellpadding="0" border="0" width="100%" >
                                                                <tr>
                                                                    <td align="center"> <a href="#" target="_blank" title="#" style="text-decoration: none; color:#292e31;"> <img src="http://placehold.it/285x250/222222/666666" width="285" height="" border="0" alt="alt_text" class="fullwidth" style="width: 100%; max-width: 285px; height: auto; font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; color:#292e31; font-size:14px;  display:block; border:none;"> </a> </td>
                                                                </tr>
                                                                <tr>
                                                                    <td  align="left" style="padding:10px 10px; font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; color:#292e31; font-size:14px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ultrices dignissim molestie </td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="center" valign="middle" style="padding:10px 10px;"> 
                                                                        <!-- Button : BEGIN -->
                                                                        <table cellspacing="0" cellpadding="0" border="0" align="left">
                                                                            <tr>
                                                                                <td style="border-radius: 3px; background: #78b532; text-align: center;" class="button-td"> <a href="http://www.google.com" style="background: #78b532; border: 12px solid #78b532; font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; color:#ffffff; font-size:16px; text-align: center; text-decoration: none; display: block; border-radius: 3px; " class="button-a"> CTA Button </a> </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>

                                                                <tr>
                                                                    <td width="100%" height="20" valign="middle" align="left" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>

                                            <!--[if mso]>
                                    </td>
                                    <![endif]-->

                                            <div style="display:inline-block; margin: 0 -2px; width:100%; min-width:0px; max-width:2px; vertical-align:top;" class="stack-column">
                                                <table cellspacing="0" cellpadding="0" border="0" width="100%" align="left" valign="top">
                                                    <tr>
                                                        <td width="100%" valign="middle" align="left" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                    </tr>
                                                </table>
                                            </div>

                                            <!--[if mso]>


                                    <td align="left" valign="top" width="285">
                                    <![endif]-->

                                            <div align="right" style="display:inline-block; margin: 0 -2px; width:100%; min-width:200px; max-width:285px; vertical-align:top;" class="stack-column ib">
                                                <table cellspacing="0" cellpadding="0" border="0" align="right"  valign="top" width="100%" >
                                                    <tr>
                                                        <td>
                                                            <table cellspacing="0" cellpadding="0" border="0" width="100%">
                                                                <tr>
                                                                    <td align="center"> <a href="#" target="_blank" title="#" style="text-decoration: none; color:#292e31;"> <img src="http://placehold.it/285x250/222222/666666" width="285" height="" border="0" alt="alt_text" class="fullwidth" style="width: 100%; max-width: 285px; height: auto; font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; color:#292e31; font-size:14px;  display:block; border:none;"> </a> </td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="left"  style="padding:10px 10px; font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; color:#292e31; font-size:14px;"> <a href="#" target="_blank" title="#" style="text-decoration: none; color:#292e31;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ultrices dignissim molestie &nbsp;&rarr; </a> </td>
                                                                </tr>
                                                                <tr>
                                                                    <td width="100%" height="20" valign="middle" align="left" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            <!--[if mso]>
                                    </td>
                                    </tr>
                                    </table>
                                    <![endif]--> 

                                        </td>
                                    </tr>
                                </table>
                                <!--[if mso]>
                        </td>
                        </tr>
                        </table>
                        <![endif]--> 

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

                    <!--[if mso]>
                        </td>
                        </tr>
                        </table>
                        <![endif]--> 
                </div>
                <!-- 2 Even Columns : END --> 


It's my first time working with a hybrid template and so much VML & IF MSO code so i'm guessing the problem is there somewhere