Problem med för stor "hover-yta" i en js-meny.

Jag använder den undre av de två menyerna härifrån: http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html

Vi kan kalla den för Meny A

Men jag har den inte längst ner på sidan, utan i headern. Jag har ytterligare en horisontell meny ca 40-50 pixlar under som vi kan kalla Meny B.

Problemet är att knapparna i Meny A börjar animera när man hovrar över Meny B, trots att det är en bra bit mellan dom och att Meny A inte alls ska "nå" dit ner.

Jag fattar nada om javascript, men har utan resultat försökt lista ut var man kan fixa detta genom att dels fibbla med de parametrar som överlåtits åt oss dödliga att dona med:

maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'

...och dels i stilmallen. (Jag har förresten bytt "span" mot ett div-element, men tror väl inte det kan orsaka detta?)

Javascriptfilerna finns här:
http://www.ndesign-studio.com/demo/css-dock-menu/js/interface.js
http://www.ndesign-studio.com/demo/css-dock-menu/js/jquery.js

Och om man vill göra dom läsbara kan man använda den här:
http://jsbeautifier.org/

Så, alltså: Är det någon som kan hitta var man kan fixa så att "ytan" för hover inte sträcker sig så långt ner - om det ens går att fixa....

gissar på att det är proximity som om jag gissar rätt så är det från vilket avstånd musen är elementen skall börja reagera, vilket jag gissar att det bli lite svårt att bygga om att plugin:et att inte reagera på när du är ovanför elementet.

prova att ändra proximity till 0 ?

Edit:
Apropå ingenting. Är det bara ett sammanträffande att två personer jobbar med två olika hemsidor med namnet "ndesign" här på forumet?
http://web.ndesign.se/