html - Internet Explorer 和 Google Chrome 的内容显示方式不同

Question

我正在设置一个在线表格，用于选择盒子和东西。当我对自己说“让我们在 IE 中试试吧”时，我几乎完成了整个事情。

这是我想要的结果以及 Google Chrome 中出现的结果:

这就是 IE 中发生的事情:

这是该部分的 CSS 和 HTML:

HTML

<div id="choosen"><img src="img.jpg" class="center-img" /></div>

CSS

 img.center-img{
        margin-top:15px;
        position:relative;
        width: <?php echo $width; ?>px;
        left:50%;
        margin-left:-<?php echo $width/2; ?>px;
    }

基本上图像位于 div 的中心，因为我正在写的这个页面将被包含到另一个我从未见过的页面中，其他人会这样做。

已编辑

Here is the link

Answer 1

如何将 CSS 更改为

img.center-img{
    margin:15px auto 0;
    display:block;
}