Mi a megoldás arra, hogy kép a szülő 'div'-jének megadott magasságát ne lépje túl?

Köszönöm válaszaitokat!

Alábbi példában a belső 'div'-nek margókat adok, így oldalszélességét csökkenteném a kölsőhöz képest minden irányból.

A beállítás viszont fentről 4%-kal, balról 2.8%-kal tolja el a belső 'div'-et a külső 'div'-nek felső és bal oldalától, így kilóg a külső 'div' a többi oldalán. Mi a megoldás? (position beállítást nem szabad módosítanom)

<div style="height:500px;width:72%;margin-left:auto;margin-right:auto;left:0;right:0;background-color:green;position:absolute;">

---<div style="height:100%; width:100%;margin:4% 2.8%;background-color:yellow;"></div>

</div>