Menu dropdown JQuery aiuto sul mouseout

[nicco86]

Ciao a tutti con JQuery ho creato un menù con effetto dropdown su delle immagini
se vado col mouse su delle immagini faccio apprire sotto l'immagine un menu'
adesso però vorrei far sparire il menu' non appena il mouse lascia l'immagine o il menu' appena comparso ma non mi riesce, vi posto il codice:

<div id="colonna">
<div class="sezione2" >
[img]immagini/termografia.png[/img]
    <ul class="menu_body" >
				[*]Modelli
				[*]Applicazioni
				[*]Certificazione Energetica
				[*]Software
				<li class="tornasu">
	[/list]

</div>
testo bla bla bla...
</div>

questo è l'html, il testo scorre verso il basso per far posto al menu'

lo script invece recita:

<script type="text/javascript">
$(document).ready(function () {
$('.sezione2 img.menu_head').mouseover(function () {
$('.sezione2 ul.menu_body').slideToggle('medium');
});
$('.sezione2 .tornasu').click(function () {
$('.sezione2 ul.menu_body').hide();
});
});
</script>

ho provato ad aggiungere la funzione $(.sezione2).mouseout ...

ma mi nasconde il menu' non appena il mkouse lascia la prima riga


spero di essermi spiegato bene e soprattutto di trovare in voi esperti un pò di consigli utili

grazie

[nicco86]

nessuno mi può aiutare?