Bonjour,
je rencontre un petit problème
j'ai un calendrier qui ce présente comme ceci

<table class="calendrier">
    <tr>
        <td class="celluleevenement">
            <a class="calend" href="calendrier-9-2010.html">1</a>
            <div class="evenement">
                ... contenu
            </div>
        </td>
        <td>
            <a class="calend" href="calendrier-9-2010.html">2</a>
        </td>
        .... ect
    </tr>
</table>

donc si un jour du mois il y a un évènement la cellule <td> a une class celluleevenement et contient un div caché en position absolute
avant de passer a jquery j'utilisé juste un onmouseover/onmouseout sur le <td> qui modifié la visibilité de mon div.

onmouseout="javascript:this.childNodes[1].style.visibility = 'hidden';"
onmouseover="javascript:this.childNodes[1].style.visibility = 'visible';"

et tous fonctionné bien.

la j'arrive a faire afficher le div pas de souci mais quand j'essaye d'aller dessus il disparais et reste pas visible.
J'ai aussi un problème avec le positionnement il est pas toujours pareil, faut que je passe 2/3 fois sur le lien pour qu'il soit center correctement !!
voici mon code actuel

$(function(){
// calendrier
    $(".evenement").hide();
    $(".celluleevenement, .today").mouseover(function(){
        var event = $(this).children(".evenement:last");
//variable pour centrer le div au lieu qu'il soit décaler sur la droite       
        var posLeft = $(this).offset().left+$(this).width()/2-event.width()/2;
        event.css({
            left:posLeft,
            opacity:0.9
        });
        event.show();
        event.slideDown("normal");
    });
    
    $(".celluleevenement, .today").mouseout(function(){
        var event = $(this).children(".evenement:last");
        event.stop(false,true);
        event.hide();
    });
});

je suis pas un pro du javascript mais j'ai quelque base
mon soucis viens de m'on manque de connaissance de jquery et j'arrive pas a trouver dans la doc.

Merci d'avance pour votre aide