当光标位于HTML元素之间时，它们会闪烁

Question

当我在这两个元素之间（在A下方和B上方）移动光标时，它们都开始闪烁。它在Chrome中“工作”更好，但在Firefox中，它还在某些位置闪烁。有时需要显示上下文菜单才能开始闪烁。即使不移动鼠标，它也会闪烁。这是gif的样子：

body {
    /* This is just to make sure it is not 
    caused by text selection cursor having
    active point in different place than 
    default cursor */
    cursor: default;
}
main div {
    height: 0.7cm;
    font-size: xx-large;
    opacity: 0.5;
}
main div:hover {
    opacity: 1;
}

<main>
    <div>A</div>
    <div>B</div>
</main>