Salve ragazzi, ho questo file CSS, che crea un menu a tendina con dei sottomenu.

codice:
#navBar{
padding:0;
maragin:0;
font-family:Verdana,Arial;
font-size:0.70em;
}

#navBar ul{
height: 84px;
margin: 0px;
padding: 0px;
list-style-type: none;
position: absolute;
bottom: 0px;
right: 0px;
}

#navBar li{
position:relative;
float: left;
display: block;
width: auto;
height: 84px;
padding: 0px 0px 0px 1px;
}

#navBar li a{
float: left;
display: block;
width:60px;
margin: 0px;
height: 34px; /* 34 */
padding: 25px 10px; 
text-decoration: none;
text-align: center; 
font-weight: normal;
background: url(images/nav_bg.png) repeat-x top left;
font-family: Cambria, "Times New Roman", Georgia, Times, serif;
font-size: 1.8em;
color: #ededed;
border: none;
}

#navBar li a:hover{
color: #fff;
text-decoration: none;
background: url(images/nav_hover.png) repeat-x top left;
border: none;
}

#navBar ul ul{
position: absolute;
top: 80px;
visibility: hidden;
}

#navBar ul li:hover ul {
visibility:visible;
}

#navBar ul ul ul li {
visibility: hidden;
left:150px;
top:-30px;
}

#navBar ul ul li:hover ul li {
visibility:visible;
}
file HTML:
codice:
<div id="navBar">
        <ul>[*]Home[*]La Community[*]Sorgenti
                <ul>[*]C++
                    
[*]Pascal
                    
[*]Php[/list]
          [*]Tutorials[*]Chat[*]Contact us            [/list]
    </div>
Il problema e' che io voglio che l'altezza dei sottomenu, deve essere minore dell'altezza dei menu principali.

Come devo fare???