title: White space between image and td when zooming in or out in the browser
body: <p>I browsed some other questions, but couldn't find something that fixes my issue. </p>
  
  <p>I created a code snippet here: 
  <a href="http://jsfiddle.net/manoj382/3SeB7/embedded/result/" rel="nofollow">http://jsfiddle.net/manoj382/3SeB7/embedded/result/</a></p>
  
  <p>I have a table with one row and six cells. The width of each td/cell is defined and it matches the width of the image inside of it (the width of each image is defined, too). Everything works fine, but when I zoom in or out in the browser, white gaps appear somewhat sporadically. </p>
  
  <p>I tried removing white space in the code, I defined the width and height, the images are set to display:block, the total width of each cell/image matches the total width of the entire table, which is also defined. The client is being picky about the gaps when zooming, though, and I'm out of ideas. </p>
  
  <p>*This is for an HTML newsletter, which is why I'm using the old school table layout method.</p>
  
  <pre><code>&lt;table width="600" cellpadding="0" cellspacing="0" border="0"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td width="31"&gt;
                  &lt;img src="http://placekitten.com/g/31/64" style="width:31px; height:64px;"&gt;
              &lt;/td&gt;
  
              &lt;td width="65"&gt;
                  &lt;img src="http://placekitten.com/g/65/64" style="width:65px; height:64px;"&gt;
              &lt;/td&gt;
  
              &lt;td width="411"&gt;
                  &lt;img src="http://placekitten.com/g/411/64" style="width:411px; height:64px;"&gt;
              &lt;/td&gt;
  
              &lt;td width="64"&gt;
                  &lt;img src="http://placekitten.com/g/64/64" style="width:64px; height:64px;"&gt;
              &lt;/td&gt;
  
              &lt;td width="29"&gt;
                  &lt;img src="http://placekitten.com/g/29/64" style="width:29px; height:64px;"&gt;
              &lt;/td&gt;
  
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The relevant css:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      img {display:block !important;}
  &lt;/style&gt;
  </code></pre>