CSS: Относительное расположение и прокрутка внутренних элементов

Question

Я ищу способ прокрутки панели, которая находится ниже панели, которая не прокручивается. Вот скрипку с тем, что я пытаюсь сделать:

http://jsfiddle.net/zh59w/

В принципе, «остаться на вершине» должен остаться на вершине, но все элементы «Scroll» нужно прокручивать по мере необходимости. Я надеялся, вложив элементы прокрутки в div (названное гнездо) и расположив это гнездо относительно, тогда я смогу позиционировать прокручивающийся div абсолютно, но когда я это сделаю, он, кажется, не занимает места и исчезает.

Ближайшее, что я могу добраться до работы заключается в следующем:

http://jsfiddle.net/zh59w/1/

Но вы увидите, что я должен обмануть, установив:

#scroll { 
    top: 20px; 
} 

Но я хотел бы избегайте этого, потому что я не знаю, насколько велика будет «оставаться на вершине».

Что-нибудь, что я могу сделать (кроме установки «остаться на вершине» до фиксированного)?

Answer 1

Вот фиксированный ДИВ, который остается в верхней части страницы:

HTML:

<div id="stay_on_top">STAY ON TOP</div> 
<p>SCROLL</p> 

CSS:

#stay_on_top { 
    position: fixed; 
    top: 0; 
    margin: 0; 
    padding: 7px; 
    width: 100%; 
    background-color: gray; 
} 

Вот код: http://jsfiddle.net/aziom/ceNFH/