title: Padding around <a> tags not working in Internet Explorer
body: <p>I can't get IE padding around my &lt;a> tags to work correctly. This only works in Firefox, Safari, Chrome, but not IE - please help! </p>
  
  <p>My simplified HTML code looks like this:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
    &lt;div id="mydiv"&gt;
      &lt;table&gt;
        &lt;tr&gt;
         &lt;td&gt;
           &lt;a style="padding: 20px; background: red;" href="#"&gt;Some link&lt;/a&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
    &lt;/div&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Firefox Result (which is what I want):</p>
  
  <p><img src="https://web.archive.org/web/20120114232600/https://img33.imageshack.us/img33/8280/linkissueff.jpg" alt="alt text"></p>
  
  <p>Internet Explorer (7) Result (incorrect padding):</p>
  
  <p><a href="http://img22.imageshack.us/img22/8555/linkissueie.jpg" rel="nofollow noreferrer">(broken image)</a></p>
  
  <p>How can I fix this to work in IE? Many thanks in advance!</p>