IE7中的相对定位与其他浏览器不同

Question

我有两个div都有相对位置。内部div有左侧和顶部位置。它们在所有浏览器中都能正常工作，除了在IE7中，左侧位置需要大约100px。我想知道我是否可以解决这个问题，而不必拥有IE特定的样式表。 这是代码

        <div style="position:relative;">
           <div class="edit-photo-div">
              <a href="#">
                 <span class="edit-photo-icon">Edit</span>
              </a>
            </div>
         </div>

和我的css：

>  .edit-photo-div {
      background-image: url("/images/editphoto.png");
      background-position: 9px 6px;
      height: 28px;
      left: 143px;
      position: relative;
      top: -27px;
      width: 35px;
      margin-bottom:-29px;
      overflow:hidden;
     }



 .edit-photo-icon{
    padding-left:35px;
    position:relative;
    top:6px;
    color:#7c7c7c;
    font-weight:bold;
 }

jsFiddle link

Answer 1

当我将“position：relative”放入span元素时，我在IE旧版本之前遇到了问题。尝试解决这个问题，看看它是否有所作为。同样对于“.edit-photo-div”，尝试使其绝对定位。您已经设置了“顶部”和“左侧”，因此它应该保持在同一个位置。