div上的CSS边距变化：在IE8和IE9中悬停，不能正确使用类似facebook的方框，偶尔会跳转

我们在网站上使用了一个滑出式CSS框，当我们将类似facebook的框插入到滑动的div容器中时，它在IE8中的行为非常零散

使用的CSS代码是：

#sliding_box {
                position:absolute;
                width:425px;
                height:500px;
                background: url(./images/layout/facebook.png);

                top:200px;
                left:0px;               
                -moz-transition: all 0.5s ease-in-out;
                -webkit-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;                 

                margin-left: -387px;      


            }                       

            #sliding_box:hover{

                margin-left: 0px;
            }

HTML是：

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=2422861308";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
        <div id="sliding_box">
            <div class="fb-like-box" data-href="http://www.facebook.com/scopestop" data-

width="387" data-height="500" data-show-faces="true" data-border-color="gray" data-

stream="true" data-header="true"></div>
        </div>

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/all.js#xfml=1&appId=2422861308”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

似乎，一旦类似的框加载，它不考虑悬停在类似的盒子上悬停在DIV容器上。在like框加载且仅显示空白之前，它不会错误操作

JSFiddle：

小提琴现在工作正常

我试着用绝对定位代替左边的边距来让方框滑动，但在internet explorer（8和9）中遇到了同样的问题

不幸的是，按照建议更改网站上的无效字符也不能解决问题

---

我已经向我的网络开发老师和PHP讲师寻求帮助，但他们没有任何想法。是否有人熟悉类似Facebook的框并将其与移动悬停CSS容器一起使用？

您的网页中似乎有一些无效字符：

---

请始终发布一个演示文稿，在其中再现问题。这将帮助你更快地得到答案，并使问题更清楚。我尝试了对CSS的一些修改，但似乎没有任何效果。有人有什么建议吗？我修改了角色，不幸的是没有帮助。谢谢你指出这一点。