Erros com sub-menu

Pessoal estou com um pequeno poblema no meu sub-menu, eu fiz tudo certinho com efeito hover

quando eu aperto no menu abre o sub-menu, até ai tudo bem. Só que quando eu afasto o cursor do menu

pra clickar em um item do sub-menu o sub-menu some.

MENU NORMAL = http://prnt.sc/f0nwbo

MENU QUANDO VOU CLICKAR NO SUB-MENU = http://prnt.sc/f0nwt9

CÓDIGO CSS

/ SUB MENU /

.menu ul li ul {position: absolute; display: ; background-color: #f1f1f1; margin-left: -105px; margin-top: 35px; display: none;}
.menu ul li ul li {display: block; height: auto; width: 200px; margin-top: 20px; padding-left: 120px;}
.menu ul li ul li a {font-size: 1.2em; font-weight: normal; display: block; display: inline-block; white-space: nowrap; color: #013d8d;
padding-left: 50px; color: #282828;}

.logo-hospedagem {position: relative; width: 40px; height: 36px; background-image: url(../img/icones/hospe.png);
float: left; margin-top: -10px; margin-left: -110px; border-bottom:}

.logo-wordpress {position: relative; width: 40px; height: 36px; background-image: url(../img/icones/word.png);
float: left; margin-left: -110px;}

.logo-revenda {position: relative; width: 40px; height: 36px; background-image: url(../img/icones/revenda.png);
float: left; margin-left: -110px;}

.logo-dominio {position: relative; width: 40px; height: 36px; background-image: url(../img/icones/dominio.png);
float: left; margin-left: -110px; margin-bottom: 10px;}

.menu li:hover ul, .menu li.over ul{display:block;}