Zindex avec draggable.

Bonjour à tous ;)

Voilà mon petit problème : je génère des "modal box" celles-ci sont draggable, resizable et il peut y avoir plusieurs box affichées en même temps. Je joue avec le mouseout / mouseover pour modifier les zindex des box pour mettre au premier plan les box qui se chevauchent, mais lors du draggable, en déplaçant trop vite la box, celle-ci passe sous les autres ...
J'ai essayé plein de choses en jouant sur scrollSpeed, scrollSensitivity, stack mais rien n'y fait.
j'ai aussi tenté de mettre un div (width:100%;height:100%;position:fixed) avec un zindex compris entre la box qui bouge et les box "inactive" ...

Merci pour votre aide :D

les box sont en position:absolute;

voilà le bout de code concernés :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 $(".z10").live("mouseover", function() { $(this).css({ opacity:"1", zIndex:2500 }).draggable({ handle:'.sz105', //containment:'document', scrollSensitivity: 1, scrollSpeed: 1, zIndex:2600, start: function() { //$('#voilenoar').show(); }, drag: function() { }, stop: function() { //$('#voilenoar').hide(); } }).resizable({ maxHeight:400, maxWidth:600, minHeight:230, minWidth:300 }); }).live("mouseout", function(){ $(this).css({ opacity:"0.8", zIndex:2000 }); });