Hi all,

Has anyone else encountered a strange situation where the Outlook Mail Client is treating the exact same code in each row differently than the row above it?

Firstly, it ignores the border-top in the second and third row but not the first. Secondly, I have an align left in same code which pushes the entire row to the edge of the screen in the second and third rows but not the first.

Exact same code! So strange and it's driving me nuts.

<!-- // START QUESTION 1 -->
    <tr>
        <td align="center" height="100%" valign="top" width="100%">
            <!--[if mso]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="640">
            <tr>
            <td align="center" valign="top" width="640">
            <![endif]-->

            <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:640px; border-top: 1px solid #cdd1d4;">
                <tr>
                    <td align="left" valign="top" style="font-size:0; padding: 10px;">
                        <!--[if mso]>
                        <table align="center" border="0" cellspacing="0" cellpadding="0" width="640">
                        <tr>
                        <td align="left" valign="middle" width="450">
                        <![endif]-->
                        <div style="display:inline-block; max-width: 450px; min-width:280px; vertical-align:middle; width:100%;">
                            <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#ffffff" style="max-width: 450px;">
                                <tr>
                                    <td height="10"></td>
                                </tr>
                                <tr>
                                    <td style="">
                                        <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 450px;">
                                            <tr>
                                                <td valign="top" width="25" style="width: 25px; background-color:#00c676; border-radius:20px; color:#03ed86; display:inline-block; font-family:'PostGroteskBook', Helvetica, Arial, sans-serif; font-size:16px; font-weight:400; line-height:25px; text-align:center; -webkit-text-size-adjust:none;">
                                                    <!--[if mso]>
                                                    <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:25px;v-text-anchor:middle; width:25px;" arcsize="20%" stroke="f" fillcolor="#00c676">
                                                    <w:anchorlock/>
                                                    <center style="font-family: Arial, sans-serif; text-align: center; font-size: 16px">
                                                    <![endif]-->
                                                          <a href="#" style="text-decoration:none; color: #03ed86">
                                                              Q
                                                          </a>
                                                      <!--[if mso]>
                                                        </center>
                                                      </v:roundrect>
                                                    <![endif]-->
                                                </td>
                                                <td valign="top" width="10"></td>
                                                <font style="font-family: 'PostGroteskBook', Helvetica, Arial, sans-serif; font-size:16px; line-height: 22px; color: #464e51;">
                                                <td valign="top" width="405" style="font-family: 'PostGroteskBook', Helvetica, Arial, sans-serif; font-size:16px; line-height: 22px; color: #464e51; padding-right: 10px;">
                                                    <a href="http://www.trulia.com/email/con_cnews_digest/www.trulia.com/blog/real-estate-crowdfunding/" style="text-decoration: none; color: #464e51;" target="_blank">
                                                        What do I do if my house is worth less than what I owe and I want or need to sell?
                                                    </a>
                                                </td>
                                                </font>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td height="10"></td>
                                </tr>
                            </table>
                        </div>
                        <!--[if mso]>
                        </td>
                        <td align="left" valign="middle" width="170">
                        <![endif]-->
                        <div style="display:inline-block; max-width: 170px; min-width:100px; vertical-align:middle; width:100%;">
                            <table align="left" valign="top" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 170px;">
                                <tr>
                                    <td align="left" valign="middle" style="width: 170px; background-color:#e8e9ea; border-radius:2px; color:#464e51; display:inline-block; font-family:'PostGroteskMedium', Helvetica, Arial, sans-serif; font-size:14px; font-weight:500; line-height:40px; text-align:center; letter-spacing:1px; -webkit-text-size-adjust:none;">
                                        <!--[if mso]>
                                        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:40px;v-text-anchor:middle; width:170px;" arcsize="5%" stroke="f" fillcolor="#e8e9ea">
                                        <w:anchorlock/>
                                        <center style="font-family: Arial, sans-serif; text-align: center; font-size: 16px">
                                        <![endif]-->
                                              <a href="#" style="text-decoration:none; color: #464e51">
                                                  GET THE ANSWER
                                              </a>
                                          <!--[if mso]>
                                            </center>
                                          </v:roundrect>
                                        <![endif]-->
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <!--[if mso]>
                        </td>
                        </tr>
                        </table>
                        <![endif]-->
                    </td>
                </tr>
            </table>
            <!--[if mso]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>
    <!-- // END QUESTION 1->