Невозможно сделать границу контейнера Div липкой ⇐ CSS

[Anonymous]

У меня есть контейнер div с границей. Я пытаюсь сделать верхнюю границу липкой при прокрутке контента, но это не работает.
Вот HTML:

Код: Выделить всё

Вот CSS:

Код: Выделить всё

    .container{
border: 10px solid red;
position: sticky;
}
.content{
height: 500px;
overflow: scroll;
}

Вот демо-ссылка
При прокрутке верхняя граница не прилипает.

Подробнее здесь: https://stackoverflow.com/questions/793 ... der-sticky