Ich habe eine div (#containment) in einem anderen div (#edit). Das äußere Div ist kleiner. Die Größe des inneren Div wird durch einen jQuery-Code geändert.

Ich möchte, dass das innere Div immer im Inneren des äußeren Div zentriert ist.

<div id="edit"><div id="containment"></div></div>

#edit {
    width:200px;
    height:200px;
    overflow:visible;
    margin-top:100px;
    background:gray;
}
#containment {
    width:500px;
    height:500px;
    opacity:0.5;
    background:red
}

Wie kann ich das machen?