Unpleasant small movement in overlapped div

Here is the code. When you open it, click in the color aqua div, then make a hover in the first box and click where it says “CLICK ME”. You’ll see that when the appearing div reaches the border of the windows, there is a little movement in the top border, which is very annoying. I tried a lot of things but i wasn’t able to remove it. Any ideas? Thanks in advance.

This simplified version works exactly like i want, and the transition is more fluid too.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.