IE 8兼容模式

Question

我有以下问题：

我的css如下：

.SPImage img
 {
    margin-top:-15px;
    float:left;
    white-space:normal;
    width:194px;
    height:149px;
 }

我的HTML如下：

<DIV id=SPImage class=SPImage>

<DIV style="POSITION: relative; WIDTH: 100%">
<IMG style="WIDTH: 165px; MARGIN-LEFT: 15px" title="test" alt="test" src="/resources/2710004.jpg">
</DIV>
</DIV>

我在HTML标题中有以下设置：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

我的问题是，当我使用IE 8时，由于margin-top:-15px;使用IE 7和IE8兼容性，我的图像最多提升到15px。我无法删除margin-top:-15px;，因为它在IE 7中看起来很难看。

我该如何解决这个问题？

Answer 1

当我这样做时：

CSS：

.SPImage img {
    margin-top:-15px;
    float:left;
    white-space:normal;
    width:194px;
    height:149px;
}

HTML：

<DIV id="SPImage" class="SPImage">
    <IMG style="WIDTH: 165px; MARGIN-LEFT: 15px" title="test" alt="test" src="img url">
</DIV>

在IE 7中，IE 8，IE9，Chrome和FF看起来一样吗？