Содержимое липкой прокрутки внутри переполнения

Question

У меня есть такая структура, я установил нижний колонтитул и заголовок, и весь контент прокручивается в середине этих двух. У меня есть один div, который ориентирован по центру (переполнение скрыто, полоса прокрутки внутри этой области), и внутри этого div я разделил левую и правую стороны, слева - вертикальный список с элементами, а при наведении - справа детали бокового элемента, поэтому было бы неплохо показать эти подробности div (фиксированная высота 355px) сразу после элемента в левом списке.

Есть предложения?

вот мой код:

$('.sd_dish').hover(function(e) {
    var full_id = $(this).parent().attr("id");
    var url = $("#url_"+full_id).text();
    $("#dish_photo").attr('src', url);
    if (first_time)
    {
        $('#dish_details_container').fadeIn();
        first_time = false;
    }

    if(e.pageY > 335)
    {
        var ntop = e.pageY - 100;
        $('#dish_details_container').css('top', ntop);
    }
});

CSS для этого div

#dish_details_container{
   z-index:999;
   position:absolute;
   right:10px;
   display:none;
 }

в первый раз, когда при наведении указателя мыши на элемент списка слева, я показываю эту страницу сведений, и она сохраняется постоянно.