i am designing a template for WordPress using the following code:

<div class="showcase" style="height:380px;">
 <div class="abr-container" style="height:380px;">
    <div class="grid_12" style="height:380px;">
      <table width="100%" border="0" height="380px">
         <tr>
           <td width="5%">&nbsp;</td>
           <td width="30%" style="background-color:#666666; padding: 20px 20px 20px 20px; margin-right: 10px;">
             <p style="color:white">Brentwood Town Centre</p>
             <p style="color:white;">Lougheed Highway and Willingdon, Burnaby<br />
               On the corner by childrens play area and Sears.
             </p>
             <p style="color:white">(604) 298-1880</p>
             <p style="color:white">Diamonds, rings, charms, earrings, sterling silver and more!</p>
             <p style="color:white">In-store workshop-repairs wile you waite</p>
           </td>
          <td width="60%"><?php echo do_shortcode('[uds-billboard name="homepage"]');?></td>
            <td width="5%">&nbsp;</td>
         </tr>
      </table>
  </div>
</div>

And also the following happens, http://rodanjewellers.ca/Capture.PNG

The gray box together with the written text ought to be arranged using the crimson (380px high), when the php snippet is taken away it lines up fine...