Menu déroulant avec jQuery, problème de div "dessus/dessous"

Bonjour,

Je veux faire un menu vertical déroulant, j'ai essayé avec des fonctions jQuery pour qu'un sous-menu apparaisse quand je passe sur un menu du premier niveau.

Le premier niveau est fait avec des images, le sous-menu avec du texte sur fond coloré. Les images du premier niveau sont arrondies donc j'aimerais que le second menu soit sous la couche des images du premier niveau. ça le fait sauf au moment ou le menu de second niveau apparaît, il apparaît dessus avant de repasser dessous...

Voir le menu à l'adresse http://www.tonnerre.org/menu.html
menu.js
$(document).ready(function()
{
$('#Nav > li').hover(function() {
if (obj) {
obj.find('ul').fadeOut('fast');
obj = null;
} //if

$(this).find('ul').fadeIn('fast');
},
function() {
obj = $(this);
setTimeout(
"checkHover()",
0); // si vous souhaitez retarder la disparition, c'est ici
});
$("#menugauche td").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);



Quelqu'un a une idée??

Merci