Menü verstecken mit hideMenuWhenNotOver

Hallo Forum,

wer weiss wie man den hideMenuWhenNotOver Befehl so konfiguriert, daß er anständig funktionert. Das heisst: Das Menu soll genau dann verschwinden wenn die Maus den Layer verlässt. Egal ob oben, unten, links oder rechts. Wenn man hideMenuWhenNotOver = 50 einstellt, das Menu aber sehr lang ist, klappt es schon weg wenn man mit der Mouse noch garnicht bis ganz zum letzen Menupunkt gegangen ist.

Hier die Seite in die ich das Menu eingebaut habe. http://www.hsv-forum.de/typo3/

In der Version die zur Zeit online ist habe ich hideMenuWhenNotOver noch NICHT eingebaut weil es nicht so funktioniert wie ich mir das wie oben beschrieben vorstelle.

Hier mein Script mit den hideMenuWhenNotOver Angaben:

  marks.MENU=HMENU
     marks.MENU {
          entryLevel = 0
	  1 = GMENU_LAYERS
	  1 {
	       layerStyle = position: absolute; top: 219px; width: 0px; VISIBILITY: hidden;
       	       xPosOffset = 0
       	       lockPosition = x
       	       expAll=1

               hideMenuWhenNotOver = 1

       	       NO {
           	    backColor = #051BAA
           	    transparentColor = #051BAA
           	    XY = 76, 21
           	    10 = TEXT
           	    10.text.field = title
           	    10.fontFile = /fileadmin/files/fonts/lt_50140.ttf
           	    10.fontColor = #FFFFFF
           	    10.antiAlias = 1
           	    10.fontSize = 13
           	    10.align = center
           	    10.offset = 0,15
           	    20 = BOX
           	    20.dimensions = 0,0,1,21
           	    20.color = #0F144B
           	    21 = BOX
           	    21.dimensions = 0,0,130,1
           	    21.color = #2F4AF4
           	    22 = BOX
           	    22.dimensions = 0,21,115,1
           	    22.color = #2F4AF4       
               }
       	       RO < NO
       	       RO = 1
       	       RO {
           	    backColor = #334599
                    #transparentColor = #051BAA
            	    XY = 76, 21
           	    10 = TEXT
           	    10.text.field = title
           	    10.fontColor = #FFFFFF
           	    10.antiAlias = 1
           	    10.fontSize = 13
           	    10.align = center
           	    10.offset = 0,15
           	    20 = BOX
           	    20.dimensions = 0,0,1,21
           	    20.color = #0F144B
           	    21 = BOX
           	    21.dimensions = 0,0,130,1
           	    21.color = #2F4AF4
           	    22 = BOX
           	    22.dimensions = 0,21,115,1
           	    22.color = #2F4AF4       
       	       }
               ACT=1
               ACT {
                    backColor = #334599
                    #transparentColor = #051BAA
            	    XY = 76, 21
           	    10 = TEXT
           	    10.text.field = title
           	    10.fontColor = #FFFFFF
           	    10.antiAlias = 1
           	    10.fontSize = 13
           	    10.align = center
           	    10.offset = 0,15
           	    20 = BOX
           	    20.dimensions = 0,0,1,21
           	    20.color = #0F144B
           	    21 = BOX
           	    21.dimensions = 0,0,130,1
           	    21.color = #2F4AF4
           	    22 = BOX
           	    22.dimensions = 0,21,115,1
           	    22.color = #2F4AF4  
               }
          }
	  2 = TMENU_LAYERS
	  2 {
	       layerStyle = position: absolute; width: 150px; VISIBILITY: hidden;
	       topOffset=0
	       leftOffset=175
	       lockPosition = x
	       expAll=1
	       relativeToParentLayer=1
	       relativeToTriggerItem=1

	       hideMenuWhenNotOver = 1

	       wrap= <div id="js-menu"> | </div>
	       NO {
                    ATagParams=class="js-menu"
	       }
               IFSUB=1
               IFSUB {
                   ATagParams=class="js-menu_ifsub"
               }
               ACT=1
               ACT {
                   ATagParams=class="js-menu_act"
               }
	  }
	  3 = TMENU_LAYERS
	  3 {
	       layerStyle = position: absolute; width: 150px; VISIBILITY: hidden;
	       topOffset=0
	       leftOffset=130
	       lockPosition = x
	       expAll=1
	       relativeToParentLayer=1
	       relativeToTriggerItem=1

	       hideMenuWhenNotOver=1

	       wrap=<div id="js-menu">|</div>
	       NO {
                    ATagParams=class="js-menu"
	       }
               ACT=1
               ACT {
                    ATagParams=class="js-menu_3_act"
        }
	  }
}

In der TS-REF steht:

hideMenuWhen
NotOver
	
int+
	
Wenn gesetzt (>1) wird das Menü sich selbst verstecken, wenn der Cursor vom Menü wegbewegt wird. Der Wert dieses Parameters gibt an, wie weit sich der Cursor vom Menü entfernt, bis es unsichtbar wird.

Was genau bedeutet der int+ Wert? Pixel Entfernung von irgendwas? Wenn ja, von was und wo?

Ich hab genau das gegenteilige Problem, dass das ausgeklappte Menü stehenbleibt, jenachdem, wie man mit der Maus den Menüpunkt verlässt...