[css] div in div mit abstand, beide 100% width, 100% height

[s.h.a.r.k]

hallo alle zusammen,

ich stehe gerade vor einem recht großen problem, beim dem ich einfach nicht weiter komme. ich habe einen container-div mit position:absolute, height: 100% und width: 100%. soweit klappt das ja, aber nun kommt mein problem. ich will, mit einem gewissen abstand innerhalb dieses divs, ein weiteres div platzieren, mit 100% höhe und 100% breite. das funktioniert bisher ums verrecken nicht und ich verzweifel langsam echt. ich hoffe ihr könnt mir helfen! egal was ich ändere ist das innere div entweder komplett verschwunden oder eben wirklich 100% vom screen, und das will ich ja nicht:

Ziel:

Code:

+----------------+
|                |
|   +---------+  |
|   |         |  |
|   +---------+  |
|                |
+----------------+

ich wäre um jeden tipp dankbar.

ps: das innere div sollte bei zu langem content scrollbar sein.

mit freundlichen grüßen
der hai