Проблема с установкой свойства css через js

Есть на сайте структура <ul><li><ul><li>. То есть в каждом элементе первого списка еще по списку. Через css меняю свойство top:

.well.sidebar-nav>ul>li>ul{
top: 150px;
}

Список опускается. Тоже самое делаю через js:

    $(document).ready(function(){
    var menu = $('.well.sidebar-nav ul');
    var block = $('.well.sidebar-nav ul>li>ul');//Беру список
    var menuItems = menu.find('li');
    menuItems.mouseover(function(){
        $(this).addClass('hovered');
        $(block).css.top = $(this).offset().top - 268.3999938964844;
        //Меняю списку свойство top
        $(this).mouseleave(function(){
            $(this).removeClass('hovered');
        })
    });});

Ничего на самой странице не меняется. Пробовал выводить $(block).css.top в консоль, он меняется. Без JS не получится, так как нужно динамически отодвигать этот список. Подскажите пожалуйста, что у меня не так.