Cambiare effetto dropdown

[Annonaria]

Ciao a tutti, non so se sia la sezione giusta, comunque tutto vi espongo il mio problema.

Premetto che sto operando delle modifiche su vbulletin 4.

Praticamente nella Navtabs ho le mie varie voci di menu (che di default sono dei linke che possono essereaggiunti dal navigation manager), che tramite un prodotto che amplia appunto il navigation manager, ho implementato il dropdown e creato i relativi sottomenu.
Fin qui tutto ok.

Per operare delle personalizzazioni bisogna saper "interagire" col CSS (e già qua sto male...)
Comunque mi armo di pazienza e tanta buona volontà e richiamando il file navmanager_ehanchement.css inizio a modificarlo e vedo qualche risultato.

Le cose che non non sono riuscito a modificare da solo sono:

1. Far sì che il sottomenu compaia al passaggio del mouse, al momento bisogna prima cliccare su di una voce qualsiasi della barra e poi risulta col mouseover, cioè in qualsiasi tab vado c'è l'effetto che vorrei... il problema è che prima bisogna cliccarci sopra...
ho letto un paio di guide ma tutte richiamano l'uso di javascript e siccome il menu, essendo un cms, richiama le varie voci e le sue opzioni, credo mi incasini e soprattutto mi incasina il mio cervello, vorrei (se esiste) utilizzare qualche stringa di css per fare ciò...

2. Far rimanere selezionato il bottone del NAVTAB quando si va nel sottomenu corrispondente, nel senso che lo sfondo della barra è grigio, quando si passa su col mouse, lo sfondo dele varie voci di menu diventano nere, però se si va nelle voci del sottomenu, il bottone sul navbar si deselezione (lo sfondo torna grigio) mentre vorrei che restasse nero durante tutta la permanenza del mouse anche sulle voci del rispettivo sottomenu...

3. Far rimanere selezionato fisso lo sfondo della voce della NAVBAR se si è nella pagina corrispondente, cioè se la barra (navbar) ha le seguenti voci : HOME, PAGINA 1, PAGINA 2 se sono nella home, il pulsante sulla barra deve restare fisso selezionato...

Mi scuso anticipatamente se sono stato lungo e se ho sbagliato sezione, e ringrazio quanti possano darmi un aiutino.. grazie 1000!!

Ps questa era il codice del css prima delle modifiche:

#navtabs .popupbody .heading
{
	padding: {vb:stylevar popup_padding.paddingTop}{vb:stylevar popup_padding.units} {vb:stylevar padding};
	line-height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
	color: {vb:stylevar navbar_link_color};
        background: #323232;
}
#navtabs .popupbody .heading a
{
	background: #323232;
	padding: 0px;
	color: {vb:stylevar navbar_link_color};

}

e questo è con le modifiche:

ul#navtabs li a:hover {        
    padding-bottom:4px;
    border-style:none;  
}

#navtabs .popupbody .heading
{

        line-height: 12px;
        -webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
        background: #323232 repeat-x 0 0;
        -webkit-box-shadow: 0 2px 2px #1b1b1b;
	-moz-box-shadow: 0 2px 2px #1b1b1b;
	box-shadow: 0 2px 2px #1b1b1b;
	border-bottom: 1px solid #4d4d4d;
	padding: 3px 0 3px 0;
        
}

#navtabs .popupbody .heading a
{
	background: #323232;
        padding: 0 24px;
	min-height: 24px;
	line-height: 24px;
        display: block;
	text-shadow: 0 1px 0 #000;
        background: transparent;
        font-weight: bold;
        text-transform: uppercase;
}

#navtabs .popupbody .heading a {
font:bold; 
font-size: 10px;
font-family: Arial;
text-decoration:none;
color:#dddddd;
}


#navtabs .popupbody .heading a:hover{
color:#ffffff;
}

[Annonaria]

Up...