Позиционирование
 

Добрый день, прошу помощи знатоков.

Как в скрипте (ниже) прописать "margin-top: 150px" для элемента "#description" ?

$(document).ready(function() {
        var cont_top = $("#description").position().left;
        $("a img").hover(function() {
            // приближение
            $(this).parent().parent().css("z-index", 1);
            $(this).animate({
               height: "250",
               width: "250",
               left: "-=50",
               top: "-=50",
            }, "fast");
        }, function() {
            // отдаление
            $(this).parent().parent().css("z-index", 0);
            $(this).animate({
                height: "150",
                width: "150",
                left: "+=50",
                top: "+=50",
            }, "fast");
        });
        
        $(".img").each(function(index) {
            var top = (index * 200) + cont_top;
            $(this).css("top", top + "px");
        });
    });

Inferial, через CSS, например:

#description {
    margin-top: 150px;
}

Это первое что я попробовал, но тут присутствует

$(this).css("top", top + "px");

По этому через CSS не срабатывает (
Мне нужно разместить элемент по середине, а он прижимается к верху.

причём тут эта строка и

Вообще такие вещи нужно делать на чистом CSS. Читайте про hover и transition.