Bagunça ao diminuir altura do sub-menu

Pessoal esse é meu sub-menu

http://prnt.sc/f0euui

Quando eu vou tentar diminuir a altura dele acontece isso

http://prnt.sc/f0ew02

CÓDIGO CSS

/ MENU /

.hr-cabecalho{border: ridge 1px #f1f1f1; width: 100%; position: absolute;}

.menu {float: right; margin-top: 55px;}
.menu li {position: relative; float: right; margin-right: 100px;}
.menu li a {font-size: 1.3em; font-weight: normal; color: #013d8d;}

.menu ul li ul {position: absolute; display: ; background-color: #f1f1f1; margin-left: -105px; margin-top: 10px;}
.menu ul li ul li {display: block; height: 60px; width: 200px; margin-top: 30px; 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;}
.menu ul li ul li a {padding-left: 50px; color: #282828;}

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

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

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

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

.menuzera {visibility: hidden;}

.menu ul li a:hover{color: #9da3a8;}
.menu ul li:hover .menuzera {visibility: visible;}

COMO EU RESOLVO ISSO, ABAIXAR A ALTURA DO SUBMENU SEM BAGUNÇAR OS ITENS