CSS удалить пробел или поле таблицы tr

Я не могу сделать это до 0 полей / отступов.

Это фото:

Вы видите, что проблема в красном овале. Я хочу добиться нулевого запаса, но не знаю, в чем проблема.

Это мой HTML-КОД:

<div class = "content">
    <div class = "share">
        <table>
            <tr>
                <td><img src = "img/sector/Insta-4.jpg" width = "100%"></td>
                <td><img src = "img/sector/Insta-3.jpg" width = "100%"></td>
                <td><img src = "img/sector/Insta-2.jpg" width = "100%"></td>
                <td><img src = "img/sector/Insta-1.jpg" width = "100%"></td>
            </tr>
            <tr>
                <td><img src = "img/sector/Insta-8.jpg" width = "100%"></td>
                <td><img src = "img/sector/Insta-7.jpg" width = "100%"></td>
                <td><img src = "img/sector/Insta-6.jpg" width = "100%"></td>
                <td><img src = "img/sector/Insta-5.jpg" width = "100%"></td>
            </tr>
        </table>
    </div>
</div>

Это мой CSS:

.content { position: absolute; top: 0; left: 0; right: 0; }
.share table { width: 100%; border-collapse: separate; border-spacing: 0; }
.share table td { padding: 0; margin: 0; width: 25%; }

Я пробовал с border-collapse: collapse, но тоже не сработало.
А также с ul li, но дает мне ту же проблему, может быть, хуже.