más sofisticada de errores CSS prestación de todos los tiempos (IE9)

Question

Tome un vistazo a esto en IE9: volcado

http://jsfiddle.net/dalgard/n6PDB/show/

pantalla:

Leer estos comentarios:

/* 
* IE9: Upon moving the mouse a ghostly 1px vertical line appears 53px into the 
* blue area - only works with normalized CSS (!?) and not inside an iframe 
*/ 

#test { 
    width: 152px;    /* must be 152px or larger! */ 
    height: 200px;   /* can be any height */ 
    border-radius: 1px;  /* must be 1px or larger */ 
    background-color: #44f; /* ghost-line becomes invisible with #00f */ 
} 

#test:hover {}    /* removing this makes the line disappear */ 

#test div { 
    opacity: 0;    /* removing this makes the line disappear */ 
    position: relative;  /* removing this makes the line disappear */ 
    left: 53px;    /* must be 53px or smaller! */ 
    width: 10px;    /* must be 1px or larger */ 
    height: 150px;   /* height of the ghost-line */ 
} 

¿Alguien tiene alguna opinión sobre esto? ¿Qué está pasando y cómo puedo informar esto? ¿Cómo evito que esto suceda (lo sé, parece que podría simplemente cambiar CUALQUIERA de los atributos en el anterior, sin embargo, no es tan fácil ...)?

Answer 1

la línea tiene que ver con el borde del contenedor padre Y el div interno. Si se deshace del div interno O del borde, resuelve el problema. No sé si esto ayudará, pero eso es lo que parece ser el problema.

Answer 2

puedo ver el tema en IE9 Versión: 9.0.4 (KB2618444)

pero parece ser fijo en Versión: 9.0.24 (KB2909921)