将图像置于div顶部

Question

我有一个带有一堆东西的div,我想要做的是放置一个图像,居中,在它上面.我的基本布局看起来像这样:

<div>
    <img style="display:block; position: absolute; top:50%; left:50%; margin-top:-33px; margin-left:-33px;" src="Images/ajax-loader_001.gif" />
    <!-- a bunch of tables and stuff that doesn't have a conveniently fixed size  -->
</div>

以上将使图像在屏幕中居中(图像为66px x 66px BTW),但我希望它相对于父div居中并在其上方"浮动".有一种纯粹的CSS方式吗？需要在IE8和最近的Firefox版本中工作.

编辑:只是为了澄清-我期待到中心既水平和垂直方向和父的顶部.

Answer 1

只需要把它放在你的父div上:

position: relative;