Rendre une balise <li> cliquable

Bonjour,

Je me débrouille en html/css mais je suis un peu a la ramasse concernant le js.

J'ai un menu suivant :
Code:

1 2 3 4 5 6 7 8 9 <ul> <li id="categories-3" class="widget widget_categories"> <h2 class="widgettitle">Rubriques</h2> <ul> <li class="cat-item cat-item-10"><a href="/">Rubrique1</a> </li> </ul> </li> </ul>
Comment faire pour rendre l'ensemble du li cliquable et pas seulement la zone du lien ? Je precise que le li est en display:block.

Merci pour vos pistes