mootools und graphical navigation

Hallo community,
ich habe ein kleines Problem mit einer grafischen Navigation, die mit mootools verändert wird.
Hier erst mal die Seite, um die es geht:
http://www.designerei.at

rechts oben gibt's eine Bilder-Navigation, deren Bilder per Mouseenter verändert werden.
Mein Problem:
das morphing ist verzögert, lässt sich aber per "duration" nicht steuern.

Habe ich irgendetwas komplett falsch oder zu kompliziert gemacht? Bin ja totaler Autodidakt, vielleicht erkennt jemand von euch einen Fehler?
Wäre mir sehr geholfen!

hier das dazugehörige script:
====
window.addEvent('domready', function(){

$$('#projekte-navigation img').set('height', 18).addEvents({
mouseenter: function(){
this.morph({
duration: 200,
transition: 'quad:in',
'height': '22px',
'width': '36px' });
},

mouseleave: function(){
this.morph({
duration: 200,
transition: 'quad:in',
'height': '18px',
'width': '30px' });
}
});

});
====