Ciao,
vorrei realizzare una specie di menu a 2 livelli senza utilizzare javascript.

Praticamente ho una serie di semplici link:

1
2
...
disposti uno sotto l'altro. Nella stessa pagina vi è un'area dove vorrei comparissero 2 righe che descrivano questi link quando il mouse ci passa sopra (ai link).

Avevo pensato di creare ad hoc dei div da posizionare in quest'area :

<div class="primodiv"> descrizione link 1.html </div>
<div class="secondodiv"> descrizione link 2.html </div>
...
e quindi nasconderli:

.primodiv { display: none; }
.secondodiv { display: none; }
...
Ora, modificando il comportamento di primolink.a:hover vorrei impostare a "block" la proprietà "display" del div .primodiv... E' possibile?


Avevo trovato questo esempio di menu, che però fa uso di <ul> e[*] che richiedono javascript per IE (sempre lui a rompere le balle....): http://www.alistapart.com/articles/horizdropdowns/

Visto che non necessito di utilizzare delle liste per raccogliere i link, ho pensato si potrebbe trovare una soluzione con esclusivamente i fogli di stile. Che dite?