Получаем переполнение: прокрутка; функция для работы с перекрывающимися элементами div ⇐ CSS

[Anonymous]

Я впервые пишу здесь, так что извините, если это не очень удачно сформулировано. я тоже программирую не очень давно, так что наберитесь терпения.
у меня есть два элемента div, которые должны перекрываться. нижний элемент div должен иметь возможность прокручиваться.
вот соответствующий CSS (с некоторыми вещами, которые я не уверен, что они актуальны, потому что я не знаю, может быть, это то, что его ломает) :

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

.bottomscrollelement,
.framething {
top: 0;
left: 0;
transform: rotate(-5deg);
}

.framething {
z-index: 10;
position: fixed;
}
.bottomscrollelement{
height: 400px;
width: 550px;
margin-top: 120px;
margin-left: 107px;
overflow-y: scroll;
overflow-x: hidden;
position: fixed;
}

а вот html:

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

list
item1
item2
item3
item4
item5
item6
item7

[img]thisistheframe.png[/img]

Я перепробовал практически все, что смог найти в Интернете, но явно что-то напутал. я думаю, проблема в том, что нижний элемент — это позиция: фиксированная; я попытался изменить его на относительный, и он смог прокручиваться, но это просто переместило верхний элемент div. Я действительно не понимаю, как сделать обе эти вещи здесь. любые подсказки будут очень признательны. спасибо ))

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