去除图像下方的微小间隙/线条

Question

所以我有一个带有图片的标题，并且标题栏正下方有导航栏，但是标题和导航栏之间的这一细线太令人讨厌了。我尝试了各种方法来修复它，删除边框，显示：块，删除轮廓，但没有任何效果。我真的需要摆脱它，因为它基本上会破坏整个网页。

<div id="header" class="desktoponly">
    <img src="headerimage.jpg" style="display: block;"/>
</div>
<nav> <!--navbar goes here --> </nav>