What is the space on the right of images in chrome?
<p>Consider the following <a href="https://jsfiddle.net/r6oycnvu/" rel="nofollow">example</a>:</p>

<pre><code>&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;style&gt;
        td {
            padding: 0;
            background: red;
        }
        img {
            display: block;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body
    &gt;&lt;table
    &gt;&lt;tr
      &gt;&lt;td
        &gt;&lt;img src="https://raw.githubusercontent.com/sinatra/sinatra/v1.4.7/lib/sinatra/images/500.png"
      &gt;&lt;/td
    &gt;&lt;/tr
    &gt;&lt;/table
&gt;&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>There's a red line in <code>chrome</code> on the right of the image. No such line in <code>firefox</code>. It doesn't seem like a space, because the html markup has no spaces between tags. It doesn't seem like a margin, because Developer tools doesn't report any margin.</p>

<p>What is this? How much space could it take?</p>

<p>I'm running <code>chromium-47.0.2526.111</code> (64-bit), if anything.</p>

<p><strong>UPD</strong> I made an example without spaces specifically to show that the red line is not caused by spaces.</p>

<p>Next, it was found the line appears when Zoom is, for instance, 110%. So, everything is supposedly clear now.</p>