Hello Everyone,

I created a responsive email and unfortunately the area where I have two tables next to one another they are not lining up correctly in Outlook 2007/2010 as the right one is lower than the left one. I made sure the tables did not add up to the full width and still they don't look correct.

Here is the code for the tables:

<!-- highlight boxes begin --><table width="600" border="0" cellspacing="0" cellpadding="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important;" class="responsive-table">
  <tr>
   <td style="font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff; text-align:center; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"><table width="100%" border="0" cellspacing="0" cellpadding="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important;">
  <tr>
    <td style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"><!-- left gold box begin --><table width="282" border="0" cellspacing="0" cellpadding="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important;" align="left" class="responsive-table">
  <tr>
    <td width="282" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"><table width="282" border="0" cellspacing="0" cellpadding="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; background-color:#ffffff; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px;" bgcolor="#ffffff" class="responsive-table">
  <tr>
    <td width="282" colspan="3" height="10" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-top-left-radius:4px; border-top-right-radius:4px;" bgcolor="#fdb924"></td>
  </tr>
  <tr>
    <td width="30" height="29" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="222" height="29" class="padding2" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="30" height="29" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
  </tr>
  <tr>
    <td width="30" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="222" class="padding-text" style="font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:20px; color:#1a1a1a; text-align:left; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;">Simpleview User's Forum</td>
    <td width="30" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
  </tr>
  <tr>
    <td width="30" height="18" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="222" height="18" class="padding2" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="30" height="18" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
  </tr>
  <tr>
    <td width="30" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="222" class="padding-text" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#1a1a1a; text-align:left; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;">Learn from your peers in this interactive forum.</td>
    <td width="30" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
  </tr>
  <tr>
    <td width="30" height="18" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="222" height="18" class="padding2" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="30" height="18" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
  </tr>
  <tr>
    <td width="30" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="222" class="padding-text" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#00a4ef; text-align:left; font-weight:bold; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"><a href="http://www.simpleviewinc.com/clients/login/?furl=%2Fclients%2Findex.cfm" target="_blank" title="Simpleview User's Forum">More Info &rsaquo;</a></td>
    <td width="30" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
  </tr>
  <tr>
    <td width="30" height="28" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-bottom-left-radius:4px;"></td>
    <td width="222" height="28" class="padding4" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="30" height="28" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-bottom-right-radius:4px;"></td>
  </tr>
  <tr>
    <td width="30" height="1" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#403f3a;"></td>
    <td width="221" height="1" class="padding3" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#403f3a;"></td>
    <td width="30" height="1" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#403f3a;"></td>
  </tr>
</table></td>
  </tr>
</table><!-- left gold box end --><!-- right blue box begin --><table width="283" border="0" cellspacing="0" cellpadding="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important;" align="right" class="responsive-table">
  <tr>
    <td width="283" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"><table width="283" border="0" cellspacing="0" cellpadding="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; background-color:#ffffff; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px;" bgcolor="#ffffff" class="responsive-table">
  <tr>
    <td width="283" colspan="3" height="10" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-top-left-radius:4px; border-top-right-radius:4px;" bgcolor="#00a4ef"></td>
  </tr>
  <tr>
    <td width="30" height="29" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="223" height="29" class="padding2" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="30" height="29" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
  </tr>
  <tr>
    <td width="30" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="223" class="padding-text" style="font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:20px; color:#1a1a1a; text-align:left; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;">Contact Us</td>
    <td width="30" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
  </tr>
  <tr>
    <td width="30" height="18" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="223" height="18" class="padding2" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="30" height="18" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
  </tr>
  <tr>
    <td width="30" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="223" class="padding-text" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#1a1a1a; text-align:left; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;">Feel free to give us a call or send us a message.</td>
    <td width="30" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
  </tr>
  <tr>
    <td width="30" height="18" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="223" height="18" class="padding2" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="30" height="18" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
  </tr>
  <tr>
    <td width="30" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="223" class="padding-text" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#00a4ef; text-align:left; font-weight:bold; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"><a href="mailto:info@simpleviewinc.com" target="_blank" title="Contact Us">Email &rsaquo;</a></td>
    <td width="30" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
  </tr>
  <tr>
    <td width="30" height="29" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="223" height="29" class="padding2" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
    <td width="30" height="29" class="mobile-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td>
  </tr>
</table></td>
  </tr>
</table><!-- right gold box end --></td>
  </tr>
</table></td>
  </tr>
</table><!-- highlight boxes end -->

Do you know what I might be doing wrong? Also I am not sure if I posted my code correctly - sorry!

Thanks so much!
VW