CSS-Bug在滚动时会导致重复元素

Question

我在Windows 7上遇到Internet Explorer 11（版本11.0.9600.18204）的问题。我正在开发的网站似乎正在显示问题：

但是，Windows 8.1上的Internet Explorer 11（版本11.0.9600.18205）上不会出现相同的错误：

有什么方法可以解决这个问题吗？

编辑：这是有问题的CSS代码：

div[Attributes Style] {
  text-align: -webkit-right;
}
user agent stylesheetdiv {
  display: block;
}
#footer {
  clear: left;
  margin-top: 1em;
  margin-left: 0px;
  margin-right: 0px;
  background: #efefef;
  text-align: center;
  padding: 10px;
  position: fixed;
  bottom: 0px;
  height: 20px;
  width: 100%;
}
div {
  display: block;
}

这段HTML代码：

<div id="footer_container" align="right">
        <div id="footer">
            <b>
                <a href="<url>/start.ivp" style="text-decoration: none" title="Impressum">Impressum</a>
            </b><img id="j_id_t" width="10px;" height="" alt="" src="/ivy/faces/javax.faces.resource/spacer/dot_clear.gif?ln=primefaces"><b>|</b><img id="j_id_v" width="10px;" height="" alt="" src="/ivy/faces/javax.faces.resource/spacer/dot_clear.gif?ln=primefaces">          
            <b>
                <a href="<url>/start.ivp" style="text-decoration: none" title="Datenschutzerklärung">Datenschutzerklärung</a>
            </b><img id="j_id_x" width="10px;" height="" alt="" src="/ivy/faces/javax.faces.resource/spacer/dot_clear.gif?ln=primefaces"><b>|</b><img id="j_id_z" width="10px;" height="" alt="" src="/ivy/faces/javax.faces.resource/spacer/dot_clear.gif?ln=primefaces">
            <b>
                <a href="<url>/start.ivp" style="text-decoration: none" title="AGB">AGB</a>
            </b>                                                    
        </div>
</div>

Answer 1

请检查父div容器并设置：

position: static

这应该避免被察觉的行为。