Проблема с добавлением стиля

[Tradua]

Добрый день, у меня возникла проблема скачал в интернете такой скрипт для создания активных кнопок...Дело в том что он меняет css стиль div'a но не работает margin-top:-10px; Но при наведении все работает отлично
Сам скрипт:
<script src="//yandex.st/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(function(){ // Обработчик - после загрузки документа...

$('div#menu-active>div#img_menu1').click(functi on(){
$('div#menu-active>div#img_menu1').removeClass( 'img_menu1').addClass('img_menu1-active'); // У всех ссылок срезаем класс активности, и всем присваиваем класс неактивности
$(this).removeClass('img_menu1').ad dClass('img_menu1-active'); // И т/о данной ссылке установим класс активности
return false; // Отменить стандартное поведение ссылок -> т.е. ссылки перестанут быть таковыми, а станут рядовыми элементами DOM (м/о закоменнтить)
});

});
</script>

CSS :
.img_menu1{display:inline-block;height:60px;width:96px; background-color:#f2edd4;background-repeat:no-repeat;position:relative;margin-left:2%;}
.img_menu1:hover{display:inline-block;height:60px;width:96px;backgr ound-image:url(img/m1_2.png); background-color:#f2edd4;background-repeat:no-repeat;position:relative;margin-top:-10px;}
.img_menu1:hover img{margin-top:10px;}
.img_menu1-active{display:inline-block;height:60px;width:96px;backgr ound-image:url(img/m1_2.png); background-color:#f2edd4;background-repeat:no-repeat;position:relative;margin-left:2%;}

[polybas]

Должно так быть .... или нет?!
Demo.zip