Html div底部的像素间隙

一个简单的问题，也许是一个简单的解决方案，但我似乎找不到。 正如您在示例中看到的，两幅图像的底部和DIV（主顶部或主底部）之间存在像素间隙。 我怎样才能摆脱它

.container{
宽度：80%；
}
.菜单{
宽度：100%；
背景：黑色；
颜色：白色；
文本对齐：居中；
}
.本垒打{
背景：白色；
溢出：隐藏；
}
.本垒打{
背景：#EEE；
溢出：隐藏；
}
.页脚{
宽度：100%；
背景：黑色；
颜色：白色；
}
.txt左，.img左{
宽度：50%；
浮动：左；
}
.txt右侧、.img右侧{
宽度：50%；
浮动：左；
}

菜单
本垒打
这里有一些文字。
本垒打
这里有一些文字。
页脚

在图像上设置“显示：块；”

img{
    display:block;
}

---

非常感谢。我知道我错过了什么！