In un sito sto realizzando un menu che per alcune voci presenti un sottomenu che appare quando il mouse passa sulla voce principale. Il menu é realizzato con una lista che contiene un'ulteriore lista (il sottomenu)
Ad esempio la voce "Articoli" del menu principale contiene il sottomenu composto da "Articolo A" e "Articolo B'.
Il codice che utilizzo é:
codice:
#menu_header ul a {display:block; background:#coloreNonHover}
#menu_header ul a:hover {background:#coloreHover}
#menu_header li {float:left; list-style-type:none}
#menu_header li ul a:hover {background:#coloreHover}
#menu_header li ul {display:none}
#menu_header li:hover ul {display:block; position:absolute; z-index:1; width:200px}
#menu_header a {background:#coloreNonHover; display:block; width:106px}
#menu_header a:hover {background:#coloreHover}
Il problema é che quando il mouse passa ad esempio su "Articolo B" il link "Articoli" torna definito come link non attivo, quindi con lo sfondo #coloreNonHover. Vorrei invece che assumesse lo sfondo #coloreHover in modo da far capire che si tratta della voce principale collegata al sottomenu.
É possibile ottenere questo effetto?