Если открывающийся меню имеет расстояние от родителя, как сделать, чтобы он "подождал" пока курсор оторвется от родителя и спуститься к нему? Ведь как только курсор отходит от родителя, hover исчезает..
<ul class="menu">
<li>Home</li>
<li>Poetry
<ul class="drop-down-menu">
<li>New</li>
<li>Old</li>
</ul>
</li>
<li>Contacts</li>
</ul>
<style>
.drop-down-menu{
display: none;
position: absolute;
list-style: none;
padding: 0 2.5rem 2rem 2.5rem;
background: #f8f8f888;
margin-top: 1.5rem;
margin-left: -4rem;
}
</style>