Bonjour, je vais essayer d'être le plus clair possible

j'ai un menu déroulant grâce à ce tutorial :
Menu déroulant animé avec jQuery

jusque la tout va bien,

1] mais j'aimerais bien faire en sorte que quand mon menu est déroulé, que lorsque l'utilisateur clique ailleurs (et pas seulement sur l'image du menu pour le faire refermer) pour X raisons (finalement il ne veux plus sélectionner un sousmenu) le menu se renroule

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<img src="images/navigate.png" width="184" height="34" class="menu_head" />
 
 
<ul class="menu_body">
    <li><a href="#">Qui sommes-nous ?</a></li>
    <li><a href="#">Portfolio</a></li>
 
    <li><a href="#">Clients</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Forums</a></li>
 
    <li><a href="#">Gallerie</a></li>
    <li><a href="#">Contact</a></li>
</ul>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
$(document).ready(function () {
    $("ul.menu_body li:even").addClass("alt");
 
	$('img.menu_head').click(function () {
        $('ul.menu_body').slideToggle('medium');
 
});
	});

2] quelle est la propriété CSS pour éviter que lorsque quand le menu déroulant s'ouvre, il "pousse" le div du dessous décalant ainsi tout le siteweb.

Merci de votre aide