title: IE bug with TD's tables and whitespace?
body: <p>I have a page that is using tables, in FF etc it works perfect, but in IE7 it causes issues, it's basically where the four corners have a td and and img (its a rounded corner form) .. if I remove the whitespace from the document it fixes the issue.. What actually happens is that it messes up the tables.. it puts a thin white line between the upper tr that holds the 2 corners and the next tr</p>
  
  <p>I need to remove the the whitespace between the img and the TD, is there a better work around, as I have lots and not only that if I reformat the document the problem returns..</p>
  
  <p>Here is a simple example..</p>
  
  <pre><code>   &lt;table width="100%" height="418" border="0" cellpadding="0" cellspacing="0" bgcolor="#F04A23"
              style="margin: 0px; padding: 0px"&gt;
              &lt;tr&gt;
                  &lt;td width="12" align="left" valign="top"&gt;
                      &lt;img src="content/images/corner_left.gif" width="12" height="12" /&gt;
                  &lt;/td&gt;
  </code></pre>
  
  <p>as you can see there is white space between img and td... and I remove it so it looks like this:</p>
  
  <pre><code>&lt;img src="content/images/corner_left.gif" width="12" height="12" /&gt;&lt;/td&gt;
  </code></pre>
  
  <p>the problem is gone, (notice the td and image are right next to each other)</p>
  
  <p>Any ideas, I tried setting all sorts of css, padding 0px, margins 0px etc ...</p>
  
  <p>Any ideas really appreciated.</p>