Problem sa visinom vertikalnog menija u CSS-u

Code:
#verticalmenu, #verticalmenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 160px; /*WIDTH OF MAIN MENU ITEMS*/
border: 0px solid black;
}

#verticalmenu li{
position: relative;
}

#verticalmenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 160px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
filter:alpha(opacity=100);
-moz-opacity:1;
}

#verticalmenu li a{
background:  url(menu/glossyback.gif) repeat-x bottom left;
font: 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
text-decoration: none;
height:40px;/*OVDE MENJAJ VISINU*/
line-height: 35px;/*OVA VELICENA NEK TI BUDE <= OVOJ GORNJOJ*/
padding: 0 0 0 10px;
}


#verticalmenu span.arrowdiv{
position: absolute;
right: 5px;
background:  url(menu/arrow.gif) no-repeat center center;
}


#verticalmenu li a:hover{
background-image: url(menu/glossyback2.gif);
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */

Code:
.glossymenu .arrowdiv{
position: absolute;
right: 2px;
top: 4px;
background: transparent url(menu/arrow.gif) no-repeat center right;
}