Сломанный стиль меню после добавления нового JavaScript

У меня есть выпадающие меню, которые выглядят так:

Однако я хотел, чтобы элемент div закреплял верх страницы в определенном диапазоне прокрутки, поэтому я добавил этот код в заголовок:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(window).scroll(function(e){
    $el = $('.fixedElement');
    if ($(this).scrollTop() > 1437 && $el.css('position') != 'fixed'){
        $('.fixedElement').css({'position': 'fixed', 'top': '0px'});
    }
    if ($(this).scrollTop() < 1437 && $el.css('position') != 'absolute'){
        $('.fixedElement').css({'position': 'absolute', 'top': '1437px'});
    }
});
// ]]>
</script>

.fixedElement определен в моем CSS файле, а затем на него ссылаются

<div class="fixedElement">

Теперь мои выпадающие меню выглядят так:

Когда я комментирую новый javascript, меню возвращается в нормальное состояние.

Есть идеи, как заставить мой новый javascript работать с моими раскрывающимися меню?

Спасибо!

РЕДАКТИРОВАТЬ:

Одна консольная ошибка, относящаяся к раскрывающемуся списку javascript:

Uncaught TypeError: Object #<Object> has no method 'getElements'

Это ссылка на эту строку:

var links = $(this.options.id).getElements('a');

В этом javascript: MenuMatic

Когда я закомментирую новый javascript, ошибка исчезает, и мои меню возвращаются!