jquery mouseleave problem

[mcmurphy]

moinsen:
habe ein problem mit jQuery & mouse events...
hier erstmal die Beispiel Seite:
Test page

Ziel ist eine Bilder Galerie die bei mouseenter mit der Mouse ein Div mit Detailangaben & größerem Bild öffnet - und beim mouseleave aus dem eben geöffneten div dieses wieder schließt.
Grundsätzlich funktioniert es, aber bei IE (7,8 &9 - je oller desto doller) & FF (9) auf dem PC habe ich den Effekt das wenn man schnell mit der Maus über ein Bild fährt (wischt) die Box nicht geschlossen wird.
Beim IE gibt es zusätzlich den Effekt das wenn man die Maus in dem Div lässt und nur schnell rauszieht die Box nicht geschlossen wird.
Der relevante Javascript Part sieht so aus:

$(document).ready(function() {
 $('#scrollableArea img').mouseenter(function(){
  var pos = $(this).position();
  var detail_frame = $(document.createElement("div")).attr(
               {
                'id':id,
                'class': "detail_box"
               })
               .mouseleave(function(){
                  $(this).remove();
               })
               .css({
                    top:pos.top - 12,
                    left:pos.left 
               })
               .appendTo($('#gallery_box'));        
  });    
}); 

Auf einem MAC funktioniert es in FF, Safari & Chrome einwandfrei...
Wie könnte man das Script ändern damit es auch auf PC einwandfrei läuft?
Kann es an HTML5 liegen?
THX