[gelöst] - Menu soll nach scrollen am oberen Fensterrand stehen bleiben

Hallo, nach den Vorgaben von http://jsfiddle.net/adamb/F4BmP/ - "Dynamic top menu positioning" - wollte ich auf meine Drupalseite ein Menü einbauen, das nach kurzem scrollen am oberen Bildschirmrand stehen bleibt.

Ich habe hierfür in meinem theme einen Unterordner js angelegt, in dem ich die Datei menuscroll.js angelegt habe. Auf diese wird auch in der info-Datei verwiesen:
scripts[] = js/menuscroll.js

In der Datei menuscroll.js ist enthalten:

var num = 20; //number of pixels before modifying styles
$(window).bind('scroll', function () {
if ($(window).scrollTop() > num) {
$('.auswahl').addClass('fixed');
} else {
$('.auswahl').removeClass('fixed');
}
});

In deer css-Datei habe ich meinem Menu die Klasse .auswahl zugewiesen, und auch die Klasse .fixed definiert:

.auswahl {
position: absolute;
top: 20px;
}

.fixed {
position:fixed;
top:0;
}

Trotzdem bleibt das Menu nach dem scrollen um 20 Pixel nicht stehen, sondern rollt weiter aus dem oberen Bildschirmrand. Auch das Herumspielen mit anderen Pixelwerten hat mich nicht weiter gebracht. Was könnte hier falsch sein?

Danke, Thomas