z-index конфликтует с js

Опять проблемы с js.
Есть страница и скрипты
HTML:
----
<div id="cate"></div>
----
CSS:
----
cate {
position: absolute;
left: 205px;
top: 63.7px;
width: 100px;
height: 100px;
background: url('images/cate2.png') no-repeat;
}
----
JS:
$(document).ready (function(){
$("div#cate").click(function() {
$(this).animate({ top: '150px' });
});
});
---------
Все хорошо, но как прописываешь в css "z-index: -999" функции js пропадают. Как же быть? Help!

Примечание:
Я пытаюсь сделать то, что бы div "cate" был под main.

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.