У меня есть div (#containmentвнутри другого div (#edit). Внешний div меньше. Размер внутреннего div будет изменен некоторым кодом jQuery.

Я хочу сделать внутренний div всегда центрированным внутри внешнего div.

<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
}

Как я могу это сделать?