title: ul alignment issue html
body: <p>I have created a list in an html email as:</p>
  
  <pre><code>&lt;table width="220" border="1" cellspacing="0" cellpadding="0" bgcolor="#ffffff"&gt;
    &lt;tr&gt;
      &lt;td width="20"&gt;&lt;/td&gt;
      &lt;td width="180"&gt;
        &lt;p style="color:#333333; line-height: 20px; font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; text-align: left; padding-top: 10px;"&gt;Title&lt;/p&gt;
        &lt;ul style="color:#767676; line-height: 20px; font-size: 12px; font-family: Helvetica, Arial, sans-serif; list-style-image:url(images/bullet.jpg);"&gt;
          &lt;li&gt;Contrary to popular belief, Lorem Ipsum is not simply random text. &lt;/li&gt;
          &lt;li&gt;Contrary to popular belief, Lorem Ipsum is not simply random text. &lt;/li&gt;
          &lt;li&gt;Contrary to popular belief, Lorem Ipsum is not simply random text. &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/td&gt;
      &lt;td width="20"&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>However the list is not aligned with the Title above. How do I align them ?</p>