Почему не скрывается блок после ухода из hover?

Question

[kycher]

Есть логотип, при наведении на который выводится блок с левым меню.
Проблема в том, что это левое меню после увода мыши не убирается.

Если у LeftMenu свойство pointer-events - auto изменить на none, то он скрывается сразу когда убираешь с зоны логотипа мышку, те при наведении на левое меню тоже скрывается.

Подскажите совсем запутался( Как сделать задержку или наоборот заставить скрыться)

Вот такой структурой

<div class="pos-logo"><div class="logo"></div>
                <div class="LeftMenu">
                    <div>
                       Текст
                    </div>
                </div>

Вот с таким css

/* Модальные окна Левое меню */
    .pos-logo:hover .LeftMenu{
        display:block;
        position:absolute;
        z-index:9999;
        /*pointer-events: auto;
        cursor: pointer;*/
        cursor: auto;
        pointer-events: auto;
    }
   
    .LeftMenu {
        display: none;
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		/*background: #000000;*/
		z-index: 99999;
	}

	.LeftMenu:target {
		display: block;
		pointer-events: auto;
     
	}
    
	.LeftMenu > div {
		width: 400px;
                height:100%;
		position: relative;
		margin: 0;
		padding: 14px 40px 40px 48px;
		border-radius: 10px;
		background: #000000;
		color:#c1c1c1;
      
	}

Answer 1

[Максим]

codepen.io/Geyan/pen/pNaWRe?editors=1100 ваше leftMenu на 100% и потому не уходит , задав ему размер hover не попадает под этот блок

Comments

[kycher]

Все решено!!! Спасибо наиогромнейшее!