title: Position one element relative to another in CSS
body: <p>I want to position four <code>div</code>s relative to another.  I have a rectangle <code>div</code>, and I want to insert 4 <code>div</code>s at its corners.  I know that CSS has an attribute <code>"position:relative"</code>, but this is relative to the normal position of that element.  I want to position my <code>div</code>s not relative to their normal position, but relative to another element (the rectangle). What should I do?</p>