html - 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

这应该避免感知到的行为。