Here’s a preview of the broken mess in Outlook 2003:

http://i.imgur.com/u5pLxNo.png

And there’s the normal, working preview from Outlook 2007/2010/2013:

http://i.imgur.com/QTHtpdF.png

Notice how the images in the Deals section for Outlook 2003 are much more wider, when compared with other Outlook clients. This issue seemed to be the only isolated issue I have thus far, but I couldn’t see where to fix this. Even after debugging and editing the inline styles, it doesn’t seem to pinpoint where the main cause is coming from, other than the fact the image itself could be the main issue.

If anyone knows where to fix this, please let me know. It’s also great for me to learn how to work with the problem, so future emails coming from us would know what to do with it.

Code in question:

<table class="push" cellpadding="0" cellspacing="0" border="0" align="center" style="width:99%;text-align:center;margin-left:4px">
    <tr>
        <th class="bstack" height="300" style="padding:5px;height:300px">
            <a href="http://click.news.befrugal.com/?qs=a093bf2e14b52a9ba0283a913d97405a0a580b139f89b1c99b594172d589c516af8f4ac2b5066b96b5ee6d1370aa3a1ebc9bd2ed12e3fd24" style="text-decoration:none;color:black;width:100%" target="_blank">
                <table class="bpushd" cellpadding="0" cellspacing="0" border="0" width="307" height="300" style="text-align:center;width:307px;height:300px;background-color:#ffffff;border:1px solid #d2d2d2;font-family:Arial">
                    <tbody class="extra" style="border-collapse:collapse">
                        <tr>
                            <td bgcolor="#66299B" height="3"></td>
                        </tr>
                        <tr>
                            <td style="text-align:left;vertical-align:top">
                                <img src="https://d2sagvik43u0ky.cloudfront.net/email/coupon-header-deal.png" />
                            </td>
                        </tr>
                        <tr>
                            <td style="width:100%;text-align:center">
                                <a href="http://click.news.befrugal.com/?qs=a093bf2e14b52a9bf2649e6e1035ea8bea87437b60293d2e6e70751de8167872f1a69cbd73173c73d2006831d6815c2aa561d6c1cc9b2892" style="text-decoration:none;color:black" target="_blank">
                                    <img class="deal_img_border" src="https://d2z2x9m6jf98op.cloudfront.net/offer-deal-large/c7/c70cf46d-601a-41da-b79d-33a28eaf0907.jpg" style="width:90%!important;text-align:center;vertical-align:middle;Margin:10px" width="270" height="278" border=0 />
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <!--[if mso]>
<td height="60" style="margin:0 10px;vertical-align:bottom;text-align:left;font-weight:600;font-size:17px">
<![endif]-->
                            <!--[if !mso]><!-- -->
                            <td height="60" style="padding:0 10px;vertical-align:bottom;text-align:left;font-weight:600;font-size:17px">
                                <!--<![endif]-->
                                <a href="http://click.news.befrugal.com/?qs=a093bf2e14b52a9ba0283a913d97405a0a580b139f89b1c99b594172d589c516af8f4ac2b5066b96b5ee6d1370aa3a1ebc9bd2ed12e3fd24" style="text-decoration:none;color:black;width:100%" target="_blank">
                                    <span class="iphone_font_size">NuVision Signature Edition Tablet</span>
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <!--[if mso]>
<td class="iphone_deal_width iphone_dealprice_font_size" height=54 style="margin:0 10px;text-align:left;font-weight:200">
<![endif]-->
                            <!--[if !mso]><!-- -->
                            <td class="iphone_deal_width iphone_dealprice_font_size" height=54 style="padding:0 10px;text-align:left;font-weight:200">
                                <!--<![endif]-->
                                <div>
                                    $68.31&nbsp;
                                    <s style="font-size:80%;color:#999">$149</s>
                                    &nbsp;</div>
                                <div style="font-size:80%;color:#999;margin-bottom:10px">
                                    <i>Microsoft Store</i>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div>
                                    <table cellpadding="0" cellspacing="0" border="0" style="font-family:Arial;width:100%;padding-top:5px;padding-bottom:10px">
                                        <tr>
                                            <td style="vertical-align:middle;width:50%;padding-left:5px">
                                                <table>
                                                    <tr>
                                                        <td>
                                                            <img title="After 1% Cash Back" alt="After 1% Cash Back" src="https://d2sagvik43u0ky.cloudfront.net/email/dollar-sign.png" />
                                                        </td>
                                                        <td>
                                                            <img src="https://d2z2x9m6jf98op.cloudfront.net/free-shipping.png" />
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td style="width:150px;text-align:right;padding-right:10px">
                                                <a href="http://click.news.befrugal.com/?qs=a093bf2e14b52a9ba0283a913d97405a0a580b139f89b1c99b594172d589c516af8f4ac2b5066b96b5ee6d1370aa3a1ebc9bd2ed12e3fd24" style="text-decoration:none;color:black;width:100%" target="_blank">
                                                    <img borde=0 class="iphone_deal_button" width="135" style="margin-bottom:5px" src="https://d2z2x9m6jf98op.cloudfront.net/email/btn-get-deal3.png" />
                                                </a>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </a>
        </th>
        <th class="bstack" height="300" style="padding:5px;height:300px">
            <a href="http://click.news.befrugal.com/?qs=a093bf2e14b52a9b6bd01043a5398948b9730d5cee9aebee2062368566b91206b0f35e1b4b56dd750a9bf39ab617a3f69d817d47868858ca" style="text-decoration:none;color:black;width:100%" target="_blank">
                <table class="bpushd" cellpadding="0" cellspacing="0" border="0" width="307" height="300" style="text-align:center;width:307px;height:300px;background-color:#ffffff;border:1px solid #d2d2d2;font-family:Arial">
                    <tbody class="extra" style="border-collapse:collapse">
                        <tr>
                            <td bgcolor="#66299B" height="3"></td>
                        </tr>
                        <tr>
                            <td style="text-align:left;vertical-align:top">
                                <img src="https://d2sagvik43u0ky.cloudfront.net/email/coupon-header-deal.png" />
                            </td>
                        </tr>
                        <tr>
                            <td style="width:100%;text-align:center">
                                <a href="http://click.news.befrugal.com/?qs=a093bf2e14b52a9b1ea96ddc6bbedafbd5a42b12868ab12991ae4d1c920ba95e3b9c717b37f7a8ebe97bcf8c8d4c0777ead8485b25f76db0" style="text-decoration:none;color:black" target="_blank">
                                    <img class="deal_img_border" src="https://d2z2x9m6jf98op.cloudfront.net/offer-deal-large/78/784537d2-a3df-4d0b-a295-a177eda16ba9.jpg" style="width:90%!important;text-align:center;vertical-align:middle;Margin:10px" width="270" height="278" border=0 />
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <!--[if mso]>
<td height="60" style="margin:0 10px;vertical-align:bottom;text-align:left;font-weight:600;font-size:17px">
<![endif]-->
                            <!--[if !mso]><!-- -->
                            <td height="60" style="padding:0 10px;vertical-align:bottom;text-align:left;font-weight:600;font-size:17px">
                                <!--<![endif]-->
                                <a href="http://click.news.befrugal.com/?qs=a093bf2e14b52a9b6bd01043a5398948b9730d5cee9aebee2062368566b91206b0f35e1b4b56dd750a9bf39ab617a3f69d817d47868858ca" style="text-decoration:none;color:black;width:100%" target="_blank">
                                    <span class="iphone_font_size">May Beauty Box</span>
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <!--[if mso]>
<td class="iphone_deal_width iphone_dealprice_font_size" height=54 style="margin:0 10px;text-align:left;font-weight:200">
<![endif]-->
                            <!--[if !mso]><!-- -->
                            <td class="iphone_deal_width iphone_dealprice_font_size" height=54 style="padding:0 10px;text-align:left;font-weight:200">
                                <!--<![endif]-->
                                <div>
                                    $10&nbsp; &nbsp;
                                </div>
                                <div style="font-size:80%;color:#999;margin-bottom:10px">
                                    <i>Target</i>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div>
                                    <table cellpadding="0" cellspacing="0" border="0" style="font-family:Arial;width:100%;padding-top:5px;padding-bottom:10px">
                                        <tr>
                                            <td style="vertical-align:middle;width:50%;padding-left:5px">
                                                <table>
                                                    <tr>
                                                        <td>
                                                            <img src="https://d2z2x9m6jf98op.cloudfront.net/free-shipping.png" />
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td style="width:150px;text-align:right;padding-right:10px">
                                                <a href="http://click.news.befrugal.com/?qs=a093bf2e14b52a9b6bd01043a5398948b9730d5cee9aebee2062368566b91206b0f35e1b4b56dd750a9bf39ab617a3f69d817d47868858ca" style="text-decoration:none;color:black;width:100%" target="_blank">
                                                    <img borde=0 class="iphone_deal_button" width="135" style="margin-bottom:5px" src="https://d2z2x9m6jf98op.cloudfront.net/email/btn-get-deal3.png" />
                                                </a>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </a>
        </th>
    </tr>
    <tr>
        <th class="bstack" height="300" style="padding:5px;height:300px">
            <a href="http://click.news.befrugal.com/?qs=a093bf2e14b52a9b57244168973a817314684cd3296b18fdb2bc844c81d6c47271433ed3de56cabd1d58666a209350a71daba5499b8dac4c" style="text-decoration:none;color:black;width:100%" target="_blank">
                <table class="bpushd" cellpadding="0" cellspacing="0" border="0" width="307" height="300" style="text-align:center;width:307px;height:300px;background-color:#ffffff;border:1px solid #d2d2d2;font-family:Arial">
                    <tbody class="extra" style="border-collapse:collapse">
                        <tr>
                            <td bgcolor="#66299B" height="3"></td>
                        </tr>
                        <tr>
                            <td style="text-align:left;vertical-align:top">
                                <img src="https://d2sagvik43u0ky.cloudfront.net/email/coupon-header-deal.png" />
                            </td>
                        </tr>
                        <tr>
                            <td style="width:100%;text-align:center">
                                <a href="http://click.news.befrugal.com/?qs=a093bf2e14b52a9b3ea489a53b7b4a6f8c27b9fe41606e2761d89efd7b368544a66ea777a4aaba9c7eeddc280e91d6eef1bec6042d61987d" style="text-decoration:none;color:black" target="_blank">
                                    <img class="deal_img_border" src="https://d2z2x9m6jf98op.cloudfront.net/offer-deal-large/46/460bad83-1a80-4f13-8c64-c225f4c65916.jpg" style="width:90%!important;text-align:center;vertical-align:middle;Margin:10px" width="270" height="278" border=0 />
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <!--[if mso]>
<td height="60" style="margin:0 10px;vertical-align:bottom;text-align:left;font-weight:600;font-size:17px">
<![endif]-->
                            <!--[if !mso]><!-- -->
                            <td height="60" style="padding:0 10px;vertical-align:bottom;text-align:left;font-weight:600;font-size:17px">
                                <!--<![endif]-->
                                <a href="http://click.news.befrugal.com/?qs=a093bf2e14b52a9b57244168973a817314684cd3296b18fdb2bc844c81d6c47271433ed3de56cabd1d58666a209350a71daba5499b8dac4c" style="text-decoration:none;color:black;width:100%" target="_blank">
                                    <span class="iphone_font_size">Mother's Day Gifts From $0.99</span>
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <!--[if mso]>
<td class="iphone_deal_width iphone_dealprice_font_size" height=54 style="margin:0 10px;text-align:left;font-weight:200">
<![endif]-->
                            <!--[if !mso]><!-- -->
                            <td class="iphone_deal_width iphone_dealprice_font_size" height=54 style="padding:0 10px;text-align:left;font-weight:200">
                                <!--<![endif]-->
                                <div>
                                    &nbsp;</div>
                                <div style="font-size:80%;color:#999;margin-bottom:10px">
                                    <i>DressLily.com</i>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div>
                                    <table cellpadding="0" cellspacing="0" border="0" style="font-family:Arial;width:100%;padding-top:5px;padding-bottom:10px">
                                        <tr>
                                            <td style="vertical-align:middle;width:50%;padding-left:5px">
                                                <table>
                                                    <tr>
                                                        <td>
                                                            <img title="Plus 8% Cash Back" alt="Plus 8% Cash Back" src="https://d2sagvik43u0ky.cloudfront.net/email/dollar-sign.png" />
                                                        </td>
                                                        <td>
                                                            <img src="https://d2z2x9m6jf98op.cloudfront.net/free-shipping.png" />
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td style="width:150px;text-align:right;padding-right:10px">
                                                <a href="http://click.news.befrugal.com/?qs=a093bf2e14b52a9b57244168973a817314684cd3296b18fdb2bc844c81d6c47271433ed3de56cabd1d58666a209350a71daba5499b8dac4c" style="text-decoration:none;color:black;width:100%" target="_blank">
                                                    <img borde=0 class="iphone_deal_button" width="135" style="margin-bottom:5px" src="https://d2z2x9m6jf98op.cloudfront.net/email/btn-get-deal3.png" />
                                                </a>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </a>
        </th>
    </tr>
</table>

I have to include 3 tables, because I believed it has to do with the table floating to the next line... I could be very wrong.

If anyone knows how to fix this, I'll be very grateful! Thanks.