How can I make the block not hide when the cursor moves over it, when hovering over it?

Question

css

Hello everyone, I ran into a problem, I made a fixed menu "Catalog" as on the site https://sbermarket.ru/auchan?sid=70
They display a scrollbar in height when there are a lot of parent categories and if you hover over the category for example " Dairy products" then you can move the cursor to the submenu, but on my site if you want to move the cursor, the submenu is hidden when you bring it to the scrollbar. If there is no scrollbar, then everything moves normally

Answer 1

1. You've either tied :hover to the wrong parent (unlikely, but possible)
2. Or you have a gap between positioned elements, when passing through which :hover is set to zero.