Прокручиваемый div с изменяемым размером и фиксированной кнопкой ⇐ CSS

[Anonymous]

Следующий HTML-код показывает прокручиваемый элемент div с возможностью изменения размера, кнопкой и дополнительным элементом содержимого.

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

.container {
width: 100%;
max-width: 100%;
height: 150px;
position: relative;
overflow: auto;
resize: both;
white-space: nowrap;
background: lightgray;
}

.container .fixed {
position: absolute;
right: 5px;
top: 5px;
}

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

Test

texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext

text

text

text

text

text

text

text

text

text

text

text

text

text

text

Кнопка должна быть зафиксирована в правом верхнем углу элемента div. Это отлично работает для изменения размера, однако при прокрутке кнопка тоже перемещается. Как я могу это исправить?

Подробнее здесь: https://stackoverflow.com/questions/786 ... xed-button