<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<link href="https://www.dortmax.ru/style.css" rel="stylesheet" />
<style>.link_cust:hover .menu-top{border:1px solid black;}</style>
</head>
<body>
<div class="top_menu">
<div class="container">
<div class="menubg">
<div class="menu">
<ul id="nav">
<li class="link_cust"><a rel="nofollow">Продукция </a>
<ul>
<li class="menu-top">
<div class="item-menu">
<div class="ssilka">Террасная доска</div>
</div>
<div class="item-menu">
<div class="menuicon"></div>
<div class="ssilka">Регулируемые опоры</div>
</div>
<div class="item-menu">
<div class="menuicon"></div>
<div class="ssilka">Перголы</div>
</div>
<div class="item-menu">
<div class="menuicon"></div>
<div class="ssilka">Эксплуатируемая кровля</div>
</div>
<div class="item-menu">
<div class="menuicon"></div>
<div class="ssilka">Ступени из ДПК</div>
</div>
<div class="item-menu">
<div class="menuicon"></div>
<div class="ssilka">Тропическая древесина</div>
</div>
<div class="clear"></div>
</li>
</ul>
</ul>
</div>
<div class="container">
<div class="spec">
<div class="zagl">
<h1>Dortmax - производитель террасной доски</h1>
</div>
</div>
<div class="slidewrap" data-autorotate="1000">
<div class="clear"></div>
<ul class="slider" id="sliderName">
<li class="slide">
<div class="diagonal1">
<div class="diagtxt1">
<div class="zagld"><span>Atlas Concorde Cliff Beige</span></div>
<div class="txtd">
<span>Керамогранит для террас самонесущий. Матовая, чуть шероховатая структура поверхности обладает антискользящими свойствами и не впитывает грязь.</span>
</div>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
</div>
При наведении на меню не сразу пропадает часть страницы, которое оно перекрывает, подскажите, в какую сторону копать по данной проблеме.