ciao a tutti!!! ho creato questo menu, che ho messu su un sito di esperimento qua: http://provamezdevelope.altervista.org/ e se si passa sulle voci del menu orizzontale più in alto (quello grigio) si espandono, mostrando un menu solo che se passiamo sulle voci del sottomenu si evidenziano di blu e verde, mentre io vorrei si evidenziassero solo di blu...

cosa importante, quando passo sulle voce del sotto menu, la voce principale del menu deve rimanere sempre selezionata di verde.
e se è possibile farlo senza modificare l'altezza del riquadro blu

il codice css è:
codice:
ul#nav{font: 100%/1.5 Verdena,Tahoma,sans-serif}
    ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{line-height:27px; margin:0;padding:0;list-style-type:none}
    ul#nav{background: #c1c1c1;height:32px;color: #fff}
    ul#nav a{display:block;padding: 0 15px;text-decoration: none; color:#000000}
    ul#nav li{float: left;position: relative}
    ul#nav li li{float: none;line-height: 22px;
        display:block !important;display: inline;}
    ul#nav ul{height:auto; position: absolute;top: 31px;left: -9999px;
        width: 12em;background: #fff;color: #3B5998}
    ul#nav ul{padding: 7px 0;border: 1px solid #3B5998; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
    ul#nav ul,ul#nav li li a{background-color: #FFF;color: #3B5998}
    ul#nav li:hover{background-color: #33FF00;color: #FFF; height:32px;}
    ul#nav ul a:hover{background-color: #0c97e2;color: #FFF;}
    ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100}