Masquer une div lorsqu'elle perd le focus

Bonjour,

Je suis entrain de faire un menu déroulant. Il contient 4 items : item1 - item2 - item3 - item4
Ils sont disposés horizontalement à l'aide d'une liste <ul><li> en display:inline;

Lorsque je clique sur item2, j'aimerai qu'une div apparaisse en dessous (div en position:aboslute; puisqu'elle n'a pas la même largeur que mon item2, mais elle s'étale sous item2 3 et 4)
J'affiche donc cette div a l'aide d'un javascript et je peux la masquer si je reclique sur item2 dans le menu.

Mais si je clique n'importe où autre part sur ma page, elle reste évidement affichée, or j'aimerai qu'elle se masque quand elle n'a plus le focus.

Si vous avez des idées ?

Cordialement
a70m