absolute position

[Esigns]

Всем привет. Прошу обьяснить мне как сдвинуть 1 див внутри другого на координаты 0, 0 относительно этого дива;

Вот пример:

    <div id="wrap" style="width: 300px; height: 300px; background-color: #3366CC; margin-top: 50px;">
        <div id="rect" style="width: 50px; height: 50px; background-color: red; position: absolute; top: 0px; left: 0px;"></div>
    </div>

Так вот при таком подходе я получаю сдвиг на точку 0, 0 относительно документа а не дива(т.е квадрат перемещается в левый верхний угол документа).

Мне же нужно чтобы квадрат был как-бы с абсолютным позиционированием, но при этом оставался внутри дива и двигался вместе с ним, если я к примеру изменю масштаб окна браузера.

Как такое провернуть? Спасибо.

[Evkaky]

<div id="wrap" style="width: 300px; height: 300px; background-color: #3366CC; margin-top: 50px; position: relative;">
        <div id="rect" style="width: 50px; height: 50px; background-color: red; position: absolute; top: 0; left: 0;"></div>
</div>

[Николя223]

position - лишнее. padding для родительского элемента, или margin для дочернего

[Esigns]

Спасибо.