html - CSS 位置の基準点を変更する

Question

div を使用してページをレイアウトしようとしています。<div>aへの基準点が左上にあるようで苦労しています。div の形が変わるまでは、これで問題ありません。では、左上経由の位置は適切ではありません。

http://jsfiddle.net/jdb1991/8Xb7L/が表示されている場合、ライブの例が表示されます

#point { position: absolute; top: 50%; left: 50%; }
#square { border: solid black 1px; height: 100px; width: 100px; position: absolute; top: 50%; left: 50%; }

<div id="point">+</div>
<div id="square"></div>

CSS を使用して、正方形の「基準点」を中心または別の角に変更する方法はありますか?