title: CSS table cell padding, spacing
body: <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/1998/REC-html40-19980424/strict.dtd"&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;style type="text/css"&gt;
        table {
         border: 0;
         padding: 0; 
         border-collapse: collapse;
        }
        td {padding: 0}
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;table bgcolor="gray" width="100%"&gt;
        &lt;tr&gt;
          &lt;td bgcolor="black" height="14px"&gt;
            &lt;img src="_images/top_top_line.png" width="800px" height="14px" border="0" alt=""&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td height="14px"&gt;
            &lt;img src="_images/top_top_line.png" width="800px" height="14px" alt=""&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
     &lt;/table&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In last opera and ie8 I see: <a href="http://eta.name/timages/padding.png" rel="nofollow">http://eta.name/timages/padding.png</a></p>
  
  <p>If I remover DOCTYPE declaration in Opera all ok, but in ie nothing changes.</p>
  
  <p>How remove padding correct?</p>
  
  <p><strong>I have simplified example:</strong> <a href="http://eta.name/padding.html" rel="nofollow">http://eta.name/padding.html</a>
  There is TD problem. One pixel on top and some on bottom in cell. How to remove this?</p>