CSSで上下左右にセンタリングするテンプレを作りたい

質問

下記のdivの部分をCSSで上下左右にセンタリングしたいと考えています。

<div id="tp">
コメント<br>
コメントコメント<br>
コメントコメントコメント<br>
コメントコメントコメントコメント<br>
<img src="photo.jpg" width="400（この数値は画像によって変わります）" height="520（この数値は画像によって変わります）">
</div>

画像は縦長になったり横長になったりします。
何百枚と作成予定なので、コメントと画像を変えるだけのテンプレが作れればと考えております。
ブラウザはIE6とFirefoxに対応させたいです。
どう記述したら良いのでしょうか？よろしくお願い致します！！

回答No.1

nori_007

試していませんが、下記のページが参考にならないでしょうか。

http://blog.livedoor.jp/dankogai/archives/51011227.html

ご確認ください。