Hi all,

I'm testing a new design for my emails and habve noticed that Outlook 2007/2010/2011 breaks two of these blocks to insert a gap, see the image here http://postimg.org/image/eqa0ln8c7/

I have read some articles about this but I don't think the table is that long or is nesting too many tables on it.
If you could give me any help int would be great. Thanks

This is the code of these blocks.

                            <table border="0" width="740" cellpadding="0" cellspacing="0" class="container" style="width:740px;max-width:740px" align="center">
                <tr>
                    <td bgcolor="#F6F6F6" class="side-space" align="center" style="padding-bottom: 31px;">
                    <!--[if mso]>
                        <table border="0" width="738" cellpadding="0" cellspacing="0" style="width: 738px;">
                            <tr>
                                <td width="385" style="width: 385px;" valign="top">
                    <![endif]-->
                        <table width="355" border="0" cellpadding="0" cellspacing="0" align="left" class="column-container-01" style="width: 355px;border:1px solid #DBDBDB;">
                            <tr>
                                <td width="355" class="column" valign="top">
                                    <a href="#">
                                        <img src="http://placehold.it/500x342?text=Offer+1" border="0" alt="NutriBullet offer" class="iborder" width="355" height="243" hspace="0" vspace="0" style="min-width:100% !important;width:100% !important;max-width:480px !important;height: auto !important;background-color: #DBDBDB;border:0;margin:0;padding:0;display: block;font-size: 20px;font-family:Arial ,sans-serif;font-weight:normal;line-height: 140%;text-align: left;color:#333333;">
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td width="355" class="column" valign="middle" style="text-align:center;" bgcolor="#d0011b">
                                    <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#d0011b">
                                        <tr>
                                            <td width="1" class="e-badge" bgcolor="#d0011b">
                                                <img src="http://image.s6.exacttarget.com/lib/fe9d12727364047d71/m/1/transparent.gif" alt="" width="1" height="41" border="0" style="width:1px;display:block;margin: 0;padding: 0;" />
                                            </td>
                                            <td align="center" valign="middle" class="e-badge" bgcolor="#d0011b">
                                                <a href="#" style="text-decoration: none;color:#FFFFFF;font-family: Arial, sans-serif;font-weight:bold;font-size:16px;display:block;width:100%;line-height:100%;padding-top: 10px;padding-bottom: 10px;">
                                                    <font style="color:#FFFFFF">OFFER DETAILS</font>
                                                </a>
                                            </td>
                                            <td width="1" class="e-badge" bgcolor="#d0011b">
                                                <img src="http://image.s6.exacttarget.com/lib/fe9d12727364047d71/m/1/transparent.gif" alt="" width="1" height="41" border="0" style="width:1px;display:block;margin: 0;padding: 0;" />
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td width="355" class="columnb" valign="top" style="margin: 0;padding:0;border-top:1px solid #DBDBDB;">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td class="col2-25" height="40" valign="top" style="padding: 0;margin:0;max-width: 355px !important;width:355px !important;border-bottom:1px solid #DBDBDB;">
                                                <!-- ONLINE ONLY -->
                                                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                                    <tr>
                                                        <td width="100%" height="40" valign="middle" bgcolor="#f6f6f6" style="width: 100% !important; min-height:40px;">
                                                            <table width="100%" cellspacing="0" cellpadding="0" border="0">
                                                                <tr>
                                                                    <td width="1"><img src="http://image.s6.exacttarget.com/lib/fe9d12727364047d71/m/1/transparent.gif" alt="" width="1" height="40" border="0" style="width:1px;display:block;margin: 0;padding: 0;" /></td>
                                                                    <td align="center" style="font-family:Arial, sans-serif;font-size:13px;font-weight:normal;line-height:110%;color:#444444;">
                                                                        <a href="#" style="text-decoration: none;color:#444444;">
                                                                            <font style="color:#444444">MORE OFFER DETAILS</font>
                                                                        </a>
                                                                    </td>
                                                                    <td width="1"><img src="http://image.s6.exacttarget.com/lib/fe9d12727364047d71/m/1/transparent.gif" alt="" width="1" height="40" border="0" style="width:1px;display:block;margin: 0;padding: 0;" /></td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                                <!-- ONLINE ONLY -->
                                            </td>
                                        </tr>
                                    </table>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr style="page-break-before: always"> 
                                            <td class="col2-25" valign="top" style="padding: 0;margin:0;">
                                                <table width="100%" border="0" cellpadding="0" cellspacing="0" style="">
                                                    <tr>
                                                        <td width="99%" valign="top" align="center" bgcolor="#FFFFFF" class="height-a" style="font-family:Arial, sans-serif;font-size:12px;font-weight:normal;line-height:140%;color:#000000;padding-top: 0;padding-left: 15px;padding-right: 15px;">
                                                            <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                                                <tr>
                                                                    <td width="100%" align="left" bgcolor="#FFFFFF" style="font-family:'JoySans', Arial, sans-serif;font-size:24px;font-weight:normal;padding-top: 13px;padding-bottom: 1px;">
                                                                        <a href="#" style="text-decoration: none;color:#000000;line-height: 125%;font-family:JoySans, Arial, sans-serif;font-size:24px;font-weight:normal;">
                                                                            <!--[if mso]><font face="Arial, sans-serif" style="font-family: Arial, sans-serif;"><![endif]-->Header goes here<!--[if mso]></font><![endif]-->
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                            <!-- Description -->
                                                                <tr>
                                                                    <td width="100%" align="left" bgcolor="#FFFFFF" style="padding-bottom: 12px;">
                                                                        <a href="#" style="text-decoration: none;color:#444444;font-family:Arial, sans-serif;font-size:14px;font-weight:normal;line-height:140%">
                                                                            <font style="color:#444444">
                                                                                Copy goes here
                                                                            </font>
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                                <!-- Description -->
                                                            <!-- only -->
                                                                <tr>
                                                                    <td width="100%" align="left" bgcolor="#FFFFFF" style="font-family:Arial, sans-serif;font-size:20px;font-weight:normal;line-height:140%;color:#808285;padding-top: 0;padding-bottom: 14px;">
                                                                        <a href="#" style="text-decoration: none;color:#808285;">
                                                                            <font style="color:#808285;">from</font><span style="color:#D0021B;font-weight: bold;font-size: 28px;"><font style="color:#D0021B;font-weight:bold;font-size:28px;"> 0</font></span>
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                                <!-- end of only -->
                                                                <tr>
                                                                    <td width="100%" align="left" bgcolor="#FFFFFF" class="cta-padding" style="font-family:Arial, sans-serif;font-weight:normal;line-height:140%;color:#000000;padding-bottom: 23px;">
                                                                        <!-- CTA -->
                                                                        <div><!--[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:126px;" arcsize="5%" strokecolor="#444444" fillcolor="#FFFFFF">
                                                                                <w:anchorlock/>
                                                                                <center style="color:#000000;font-family:sans-serif;font-size:17px;font-weight:bold;">Shop now </center>
                                                                            </v:roundrect>
                                                                            <![endif]--><a href="#" style="background-color:#FFFFFF;border:1px solid #444444;border-radius:2px;color:#000000;display:inline-block;font-family:sans-serif;font-size:17px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:126px;-webkit-text-size-adjust:none;mso-hide:all;">Shop now<img src="http://black-arrow.png" width="13" height="10" style="display: inline;padding: 0;margin:0;width:13px;height:10px;" alt="" /></a></div>
                                                                        <!-- CTA -->
                                                                    </td>
                                                                </tr>
                                                            <!-- C&C -->
                                                                <tr>
                                                                    <td width="100%" align="left" bgcolor="#FFFFFF" class="ipad-cc" style="font-family:Arial, sans-serif;font-size:20px;font-weight:normal;line-height:140%;color:#808285;padding-bottom: 12px;padding-right: 5px;">
                                                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                                            <tr>
                                                                                <td width="15" bgcolor="#FFFFFF" class="cc-mobile" valign="top" style="padding-right: 10px">
                                                                                    <a href="#">
                                                                                        <img src="http://offers-shopping-bag-2x.png" alt="" width="15" height="19" border="0" style="display:block;margin: 0;padding: 0;" />
                                                                                    </a>
                                                                                </td>
                                                                                <td align="left" class="cc-mobile" style="font-family: Arial, sans-serif;font-size:14px;font-weight:normal;line-height:140%;color:#444444;">
                                                                                    <a href="#" style="text-decoration: none;color:#444444;">
                                                                                        <font style="color:#444444">Free delivery is available to your preferred store</font>
                                                                                    </a>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                            <!-- END OF C&C -->
                                                        </td>
                                                        <td width="1%" height="236" class="i-left" valign="top" bgcolor="#FFFFFF" style="height:236px;min-height:236px;">
                                                            <img src="http://image.s6.exacttarget.com/lib/fe9d12727364047d71/m/1/transparent.gif" alt="" width="1" height="236" border="0" style="width:1px;display:block;margin: 0;padding: 0;" />
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
            <!--[if !mso]><!-->
                        <table width="30" border="0" cellpadding="0" cellspacing="0" align="left" class="column-spacer" style="width: 30px;mso-hide: all;" bgcolor="#F6F6F6">
                            <tr>
                                <td width="30" bgcolor="#F6F6F6" class="vspacer">
                                    <img src="http://image.s6.exacttarget.com/lib/fe9d12727364047d71/m/1/transparent.gif" alt="" width="30" height="202" border="0" style="width:30px;display:block;margin: 0;padding: 0;" />
                                </td>
                            </tr>
                        </table>
            <!--<![endif]-->
            <!--[if mso]>
                    </td>
                    <td width="355" style="width: 355px;" valign="top">
            <![endif]-->
                        <table width="355" border="0" cellpadding="0" cellspacing="0" align="left" class="column-container-01" style="width: 355px;border:1px solid #DBDBDB;">
                            <tr>
                                <td width="355" class="column" valign="top">
                                    <a href="#">
                                        <img src="http://placehold.it/500x400?text=Offer+2" border="0" alt="Phase Eight offer" class="iborder" width="355" height="284" hspace="0" vspace="0" style="min-width:100% !important;width:100% !important;max-width:480px !important;height: auto !important;background-color: #DBDBDB;border:0;margin:0;padding:0;display: block;font-size: 20px;font-family:Arial ,sans-serif;font-weight:normal;line-height: 140%;text-align: left;color:#333333;border-bottom:1px solid #DBDBDB;">
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td width="355" class="columnb" valign="top" style="margin: 0;padding:0;border-top:1px solid #DBDBDB;">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td class="col2-25" height="40" valign="top" style="padding: 0;margin:0;max-width: 355px !important;width:355px !important;border-bottom:1px solid #DBDBDB;">
                                                <!-- 2 COLUMNS EXTRA PERCENTAGE -->
                                                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                                    <tr>
                                                        <td width="50%" height="40" align="center" valign="middle" bgcolor="#f6f6f6" style="width: 50% !important; min-height:40px;font-family:Arial, sans-serif;font-size:18px;font-weight:bold;color:#D0021B;border-right: 1px solid #DBDBDB;">
                                                            <table width="100%" cellspacing="0" cellpadding="0" border="0">
                                                                <tr>
                                                                    <td align="center" style="font-family:Arial, sans-serif;font-size:10px;font-weight:normal;color:#444444;padding-top:2px;">
                                                                        <a href="#" style="text-decoration: none;color:#444444;line-height: 125%;">
                                                                            EXTRA
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="center" class="no-border" style="font-family:Arial, sans-serif;font-size:18px;font-weight:bold;color:#000000;">
                                                                        <a href="#" style="text-decoration: none;color:#D0021B;line-height: 125%;">
                                                                            <font style="color:#D0021B;">&#37;OFF</font>
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                        <td width="50%" height="40" valign="middle" bgcolor="#f6f6f6" style="width: 50% !important; min-height:50px;">
                                                            <table width="100%" cellspacing="0" cellpadding="0" border="0">
                                                                <tr>
                                                                    <td width="1"><img src="http://image.s6.exacttarget.com/lib/fe9d12727364047d71/m/1/transparent.gif" alt="" width="1" height="40" border="0" style="width:1px;display:block;margin: 0;padding: 0;" /></td>
                                                                    <td align="center" style="font-family:Arial, sans-serif;font-size:13px;font-weight:normal;line-height:110%;color:#444444;">
                                                                        <a href="#" style="text-decoration: none;color:#444444;">
                                                                            <font style="color:#444444">OFFER DETAILS</font>
                                                                        </a>
                                                                    </td>
                                                                    <td width="1"><img src="http://image.s6.exacttarget.com/lib/fe9d12727364047d71/m/1/transparent.gif" alt="" width="1" height="40" border="0" style="width:1px;display:block;margin: 0;padding: 0;" /></td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                                <!-- END OF 2 COLUMNS EXTRA PERCENTAGE -->
                                            </td>
                                        </tr>
                                    </table>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td class="col2-25" valign="top" style="padding: 0;margin:0;">
                                                <table width="100%" border="0" cellpadding="0" cellspacing="0" style="">
                                                    <tr>
                                                        <td width="99%" valign="top" align="center" bgcolor="#FFFFFF" class="height-a" style="font-family:Arial, sans-serif;font-size:12px;font-weight:normal;line-height:140%;color:#000000;padding-top: 0;padding-left: 15px;padding-right: 15px;">
                                                            <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                                                <tr>
                                                                    <td width="100%" align="left" bgcolor="#FFFFFF" style="font-family:'JoySans', Arial, sans-serif;font-size:24px;font-weight:normal;padding-top: 13px;padding-bottom: 1px;">
                                                                        <a href="#" style="text-decoration: none;color:#000000;line-height: 125%;font-family:JoySans, Arial, sans-serif;font-size:24px;font-weight:normal;">
                                                                            <!--[if mso]><font face="Arial, sans-serif" style="font-family: Arial, sans-serif;"><![endif]-->Header goes here<!--[if mso]></font><![endif]-->
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                                <!-- Description -->
                                                                <tr>
                                                                    <td width="100%" align="left" bgcolor="#FFFFFF" style="padding-bottom: 12px;">
                                                                        <a href="#" style="text-decoration: none;color:#444444;font-family:Arial, sans-serif;font-size:14px;font-weight:normal;line-height:140%">
                                                                            <font style="color:#444444">
                                                                                Copy goes here
                                                                            </font>
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                                <!-- Description -->
                                                                <tr>
                                                                    <td width="100%" align="left" bgcolor="#FFFFFF" class="cta-padding" style="font-family:Arial, sans-serif;font-size:22px;font-weight:normal;line-height:140%;color:#000000;padding-bottom: 23px;">
                                                                        <!-- CTA -->
                                                                        <div><!--[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:126px;" arcsize="5%" strokecolor="#444444" fillcolor="#FFFFFF">
                                                                                <w:anchorlock/>
                                                                                <center style="color:#000000;font-family:sans-serif;font-size:17px;font-weight:bold;">Shop now </center>
                                                                            </v:roundrect>
                                                                            <![endif]--><a href="#"
                                                                                           style="background-color:#FFFFFF;border:1px solid #444444;border-radius:2px;color:#000000;display:inline-block;font-family:sans-serif;font-size:17px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:126px;-webkit-text-size-adjust:none;mso-hide:all;">Shop now<img src="http://black-arrow.png" width="13" height="10" style="display: inline;padding: 0;margin:0;width:13px;height:10px;" alt="" /></a></div>
                                                                        <!-- CTA -->
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                        <td width="1%" height="236" class="i-left" valign="top" bgcolor="#FFFFFF" style="height:236px;min-height:236px;">
                                                            <img src="http://image.s6.exacttarget.com/lib/fe9d12727364047d71/m/1/transparent.gif" alt="" width="1" height="236" border="0" style="width:1px;display:block;margin: 0;padding: 0;" />
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
            <!--[if mso]>
                            </td>
                        </tr>
                    </table>
            <![endif]-->
                    </td>
                </tr>
            </table>