title: td element's width doesn't display correctly in HTML email
body: <p>I'm having problem with displaying td.header width. It keeps taking up the width of p.event-detail.</p>
  
  <p>Can someone help me fix the code so that td.header's width is 530px precisely.</p>
  
  <pre><code>&lt;table bgcolor="#d8d8d8" cellspacing="0" cellpadding="0" border="0"&gt;
   &lt;tbody&gt;
    &lt;tr&gt;
     &lt;td width="15" bgcolor="#d8d8d8"&gt;
       &lt;p&gt;&amp;nbsp;&lt;/p&gt;
     &lt;/td&gt;
     &lt;td class="header" width="530" bgcolor="#d8d8d8"&gt;
       &lt;h3&gt;Wonderself - Kỹ năng xã hội cho các bé từ 3-6 tuổi&lt;/h3&gt;
     &lt;/td&gt;
     &lt;td width="15" bgcolor="#d8d8d8"&gt;
       &lt;p&gt;&amp;nbsp;&lt;/p&gt;
     &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td width="15" bgcolor="#d8d8d8"&gt;
       &lt;p&gt;&amp;nbsp;&lt;/p&gt;
     &lt;/td&gt;
     &lt;td width="365"&gt;
       &lt;p class="event-detail"&gt;Chương trình về EQ hàng đầu của Mỹ để giúp các bé từ 3-6 tuổi phát triển kỹ năng xã hội.&lt;/p&gt;
       &lt;img src="attend-button.jpg" alt="Attend this event"&gt;
     &lt;/td&gt;
     &lt;td width="15" bgcolor="#d8d8d8"&gt;
       &lt;p&gt;&amp;nbsp;&lt;/p&gt;
     &lt;/td&gt;
     &lt;td width="150"&gt;
       &lt;img src="box.jpg" alt="normal event"&gt;
     &lt;/td&gt;
     &lt;td width="15" bgcolor="#d8d8d8"&gt;
       &lt;p&gt;&amp;nbsp;&lt;/p&gt;
     &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr height="10" bgcolor="#d8d8d8"&gt;&lt;/tr&gt;
   &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>