Buongiorno a tutti,
seguo il vostro forum e i vostri preziosi consigli da anni
Purtroppo, non trovando una persona con il mio stesso problema, mi trovo costretto ad aprire un topic.
Sto lavorando sulla topnav di un sito web, il cui css è:
codice:
 
#drop-menu {
  margin: -2px auto;
  padding: 0;
  width: 100%;
}

/*menu*/

ul#menu {
  float: right;
  font-size: 80%;
  list-style: none outside none;
  margin: -5px 0 0;
  padding: 0;
}
ul#menu li {
  display: block;
  float: left;
  margin-right: -14px;
  padding: 0;
  position: relative;
}
ul#menu li a {
  color: gray;
  float: left;
  font-size: 16px;
  padding: 10px 30px;
  text-decoration: none;
  text-transform: uppercase;
  color: #23547E;
}

ul#menu li a:hover {
  background: none repeat scroll 0 0 #42AFDB;
  color: #23547E;
  border-bottom: blue solid 4px;
}



ul#menu ul {
  background: none repeat scroll 0 0 #3492C2;
  color: white;
  display: inline-block;
  left: 0;
  list-style: none outside none;
  margin: 2px 0 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 43px;
  visibility: hidden;
  z-index: 9999;
}

ul#menu li:hover ul{
    opacity: 1;
    visibility: visible;
}

ul#menu ul li {
  border: 0 none;
  display: block;
  float: none;
  text-align: left;
  margin: 1;
}

ul#menu ul a {
  color: white;
  display: block;
  float: none;
  padding: 10px;
  text-transform: none;
  white-space: nowrap;
  width: 130px;
  border-bottom: #94cae6 solid 4px;
}

ul#menu ul a:hover {
  background-color: #23537E;
  color: white;
  font-weight: lighter;
  border-bottom: #94cae6 solid 4px;
}
Mentre il codice HTML che la richiama:

codice:
 
 
<div id="drop-menu">
            <ul id="menu">
		<%-- PRODUCTS --%>
		    	[*]HOME[*]PRODUCTS
                    <ul>[*]prodotto1[*]prodotto2[*]prodotto3[/list]
                [*]SERVICES[*]ABOUT US[*]CONTACTS	    	[/list]
        </div>
Ecco a voi uno screen del problema:
http://img217.imageshack.us/img217/3866/topnavl.jpg

Nell'immagine postata non si vede il cursore... ma quando quando viene spostato nelle sottovoci di "PRODUCTS" da l'effetto :hover solo ad esse, mentre l'effetto svanisce su "PRODUCTS", naturalmente vorrei che l'effetto :hover venga mantenuto sia sulle sottovoci di "PRODUCTS" che su "PRODUCTS" stesso.
Le ho provate davvero tutte, e non essendo un esperto di CSS, chiedo aiuto a voi...
Grazie anticipatamente e buon anno a tutti