Ciao,
ho realizzato un menù verticale in css che mostra le sottovoci al passaggio del mouse. Vorrei che le sottovoci fossero visibili anche quando la navigazione avviene solo tramite tastiera, ho aggiunto la proprietà ":focus" ma non funziona, come fare?
Ecco il codice utilizzato.


ul.menu li ul{
_text-indent: -1000px;
_position: absolute;
_left: 0px;
_top: -1000px;
_height: 1px;
_width: 1px;
_font-size:1px;
_
}
_

ul.menu li:hover ul,
ul.menu li:focus ul,
ul.menu li:active ul{
_display: block;
_position: absolute;
_left: 100%;
_top: 0px;
_z-index:99;
_border-top:0px;
_text-indent: 0px;
_height: 100%;
_width: 100%;
_font-size: 100%;
}
_
<ul class="menu">[*]Prova
<ul>[*]Figlio1[*]Figlio2[/list][/list]

In questo modo se passo il mouse su "Prova" si vedono le voci "Figlio 1" e "Figlio2" che prima avevo nascosto alla pagina.
Vorrei che navigando il sito con la tastiera (con il tasto tab) quando mi trovo sulla voce "Prova" si visualizzino anche le sottovoci "Figlio1" e "Figlio2", come accade quando passo sopra il mouse.