Why do cell bars appear?

Question

css

Tabular layout of the letter

<table border="0" cellpadding="0" cellspacing="0"
    style="margin: 0; padding: 0; max-width: 600px; width: 100%; border-collapse: collapse; border: none;">

block images

<td width="119px">
    <a href="https://www/aksessuary/" target="_blank"
        style="display: block;">
        <img src="https://www/nav4.png"
            alt="женские аксессуары" border="0" width="119px" height="32px"
            style="display: block;">
    </a>
</td>

on the computer everything is displayed normally in all clients like, but on the phone there are white stripes at the junction of images.

If you open the web version on the phone, i.e. a letter on the site, then there will be a scroll bar and everything will be merged, but if you squeeze everything into 1 screen with 2 fingers, these bars appear ... Can this really be fixed?

UPD:
I tried to place everything in 1 cell, set all the pictures to display: block and float: left - it did not help.

Answer 1

*{
outline:none;
}