mousemove() et position:relative, décalage du pointeur

Hello à tous,

Je suis en train de faire un systeme de tootip simple. J'ai un soucis avec la position de la souris, lorsque la div container est en position:relative, car j'utilise 960GS. Si je desactive la class="grid_16" tout marche tres bien.
Je ne peux évidemment pas changer la "position".

Comment faire ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$('.tooltip a.tooltip-hover').hover(
 
    function(){		
        $(this).parent().find('.tooltip-content').fadeIn('fast'); 
    }, function() {
        $(this).parent().find('.tooltip-content').fadeOut('fast'); 
    }).mousemove(function(e) {
    	var mousex = e.pageX + 20; 
        var mousey = e.pageY + 20; 
 
        $(this).parent()
               .find('.tooltip-content')
               .css({  top: mousey, left: mousex });
 
});

Code:

1
2
3
4
5
6
7
8
9
10
11
.tooltip .tooltip-content {
    color: #fff;
    background:#1d1d1d;
    display:none;
    padding:10px;
    position:absolute;    
    z-index:9999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

Merci de votre aide.
Fabrice