Shadow artifacts during animation in IE9

Question

Here are css, html and js to reproduce:

html:

    
123
    
345
         


        
      

Answer 1

The bad news is that the bug is worse in IE10. The good news is that this simple rule seems to fix it - at least it does in IE10. Since IE9 supports the :after pseudo class, it should also work.

.Element:after {
content: ".";
font-size: 1px;
display: inline;
overflow: hidden;
}

Replace .Element with either the class name or ID (#Element) of the object that shows the artifact.

In IE9, often assigning overflow: hidden will work - though that does not work in IE10.