Outlook 2007 shifting images

I have an email design that looks good in all tests except for Outlook 2007. That program shifts my images at the bottom, and creates white blocks of space.
I designed the email, but didn't do all the coding. I have read the design guidelines and I just added a 'margin' property to my paragraphs, but I don't know what is ruining my table cell alignment at the bottom of the email.
Your help is most appreciated!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>emaildesign08</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor="#FFFFFF">
<style type="text/css">
table, caption, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;    
    border-spacing: 0;
}
img {
    display: block;
}
p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    margin: 0 .5em 1.5em .5em;
}
</style>
<table id="Table_01" width="550" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td></td>
        <td colspan="2" style="background-color: #ffffff; padding: 15px;" align="center">
            <span style="font-family: Verdana, Geneva, sans-serif; font-size: 12px;">Trouble viewing this email? Click <a href="#" style="color: #6499B3; text-decoration: none;">here to view online</a>.</span>
        </td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td colspan="2" style="background-color: #AEB3BD; padding: 10px;" align="center">
            <span style="font-size: 11px; color: #fff; font-family: Verdana, Geneva, sans-serif;">You are receiving this email because you registered your email address with us at a bridal show, or contacted us directly requesting information about our booths.<br />
            To opt-out of future emails click <a href="#">here</a>.</span>
        </td>
        <td></td>
    </tr>
    <tr>
        <td rowspan="3"></td>
        <td colspan="2" style="background-color: #C2E1F6;">
            <img id="header" src="../brian newsletter v6.2/brian newsletter v6.2/images/header.jpg" width="497" height="263" alt="" />
            <div style="padding: 0px 10px; margin-top: -60px;">
                <p>Hi ,</p>
                <p>Thank you for your interest in renting a photobooth.</p>
                <p>Photobooth Planet has been in business since 2002, with a growing list of happy customers.</p>
                <p>Our Doublestrip Digital booth is designed after the iconic booths of the 50's and 60's, and sets up quickly at your venue of choice. Our package includes unlimited sittings with duplicate prints, an on-site attendant to make sure your event goes smoothly, a CD copy of all photos, an online gallery for your guests, a Memorybook photo album, and a box of props (optional).</p>
                <p>Photos are printed on commercial quality glossy photo paper, 3 poses per strip, and may be set before your event to print in color or black &amp; white.</p>
                <p style="text-align: center;">
                    <span style="font-size: 20px;">4-Hour Package: <span style="text-decoration: line-through;">$1395</span> <span style="color: #ce3833;">on sale for $1195!</span></span><br />
                    <span style="font-size: 11px;">additional hours may added to any of our packages</span>
                </p>
                <p>And Photobooth Planet offers services the others just can't match, such as:</p>
                <img src="../brian newsletter v6.2/brian newsletter v6.2/images/truck.jpg" align="right" />
                <p>
                    <ul style="list-style-image: url(../brian%20newsletter%20v6.2/brian%20newsletter%20v6.2/images/aquabullet.jpg);margin: 0; padding: 0; padding-left: 10px;">
                        <li>Customized logo or message on one or both strips.</li>
                        <li>Quick printing: 20 seconds per sitting.</li>
                        <li>Automatic cutting of all photos.</li>
                        <li>Top-quality paper and ink for durability and shine.</li>
                        <li>No hidden or extra charges!</li>
                    </ul>
                </p>
                <br />
                <p>To receive a contract, reply with your mailing address, phone number, email, location and times of your event, and a contact name at the venue. We will then email you a contract that you can print, sign, and return with your deposit. This will reserve the date for you. The balance will be due 14 days prior to your event.</p>
                <p>Thanks again for your interest! Don't hesitate to contact us with questions.</p>                                    
                <p>Warmest regards,</p>
            </div>
        </td>
        <td rowspan="3" ></td>
    </tr>
    <tr>
        <td colspan="2" style="background-color: #C2E1F6;"></td>
    </tr>
    <tr>
        <td colspan="2" style="background-color: #C2E1F6;">
            <img id="signature" src="../brian newsletter v6.2/brian newsletter v6.2/images/signature.jpg" width="497" height="67" alt="" style="display: block;" /></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="3">
            <img id="footer_strips" src="../brian newsletter v6.2/brian newsletter v6.2/images/footer-strips.jpg" width="295" height="205" alt="" style="display: block;" /></td>
        <td colspan="2">
            <img id="footer_logo" src="../brian newsletter v6.2/brian newsletter v6.2/images/footer-logo.jpg" width="255" height="114" alt="" style="display: block;" /></td>
    </tr>
    <tr>
        <td style="background-color: #C2E1F6;">
            <div style="width: 229px; height: 63px; text-align: center;">
            <p style="font-size: 10px; font-family: Franklin Gothic Medium; font-weight: normal; margin: 0; padding: 0;">2105 Winslow Ave | Flower Mound, TX 75028<br />(972) 567-4686 | <a href="mailto:brian@photoboothplanet.com">brian@photoboothplanet.com</a></p>
            </div>
        </td>
        <td rowspan="2">
            <img id="index_10" src="../brian newsletter v6.2/brian newsletter v6.2/images/index_10.jpg" width="26" height="91" alt="" style="display: block;" /></td>
    </tr>
    <tr>
        <td>
            <img id="index_11" src="../brian newsletter v6.2/brian newsletter v6.2/images/index_11.jpg" width="229" height="28" alt="" style="display: block;" /></td>
    </tr>
    <tr>
        <td>
            <img src="../brian newsletter v6.2/brian newsletter v6.2/images/spacer.gif" width="27" height="1" alt="" style="display: block;" /></td>
        <td>
            <img src="../brian newsletter v6.2/brian newsletter v6.2/images/spacer.gif" width="268" height="1" alt="" style="display: block;" /></td>
        <td>
            <img src="../brian newsletter v6.2/brian newsletter v6.2/images/spacer.gif" width="229" height="1" alt="" style="display: block;" /></td>
        <td>
            <img src="../brian newsletter v6.2/brian newsletter v6.2/images/spacer.gif" width="26" height="1" alt="" style="display: block;" /></td>
    </tr>
</table>
<p style="font-size: 14px; font-family: Franklin Gothic Medium;  font-weight: normal;">
Copyright &copy;2010 Photobooth Planet   |   Click <a href="#">here</a> to 
<unsubscribe>unsubscribe</unsubscribe> (but we will miss you).
</p>
</body>
</html>
Mathew Mathew, 6 years ago

Blocks of whitespace can occur if the email client is interpreting whitespace in between elements in the HTML source - I'd first try removing line breaks between <td> and <img tags, for example


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
thecapper, 6 years ago

Hi Mathew,
Thanks for the tip. I eliminated the line breaks around the <td> tags. Upon closer inspection, I realized that Outlook 2007 is actually adding a column to my table on the right side, making the entire table wider than it appears in any other program. I can see a hairline space of white between what should be the right edge of the design, and the new column that Outlook is adding. So I don't have added white space, I have added blue background (the bg table color) with some elements shifted to the right to use that additional space.

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098