div 图像之外的一些看不见的东西阻止鼠标悬停在另一个图像上

RighteousAlliance.com - 右侧有两个具有鼠标悬停效果的按钮。（我稍后会修正他们的实际位置）

如果您通过拖动来调整浏览器宽度，您会注意到它们如何相对于背景保持在相同的位置吗？这就是我想要的。

但是图像之外有一些不可见的东西重叠并破坏了鼠标悬停效果。如果您将鼠标垂直悬停在“商店”上方，您会注意到它仅在“学习”的顶部右侧亮起吗？

是什么阻止了它？？ div 之外有一些不可见的东西。我已经尝试了 3 天来解决这个问题。

我可以通过添加“display: inline-block”和其他内容来解决这个问题。但是当您水平调整浏览器大小时，它会破坏与背景的对齐。我如何让两者都工作？请帮忙。我很久以前做过，但无法弄清楚。