最先進的CSS渲染錯誤（IE9）

Question

看看這IE9：

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

屏幕轉儲：

閱讀這些評論：

/* 
* 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 */ 
} 

有沒有人對此有任何意見？發生了什麼，我該如何報告？我如何避免這種情況發生（我知道，似乎我可以只是改變上述任何屬性，但它並不那麼容易......）？

Answer 1

該行必須處理父容器和內部div的邊界。如果你擺脫內部div或邊界它解決了問題。我不知道這是否會有所幫助，但這似乎是問題所在。

Answer 2

我可以看到IE9 問題的版本：9.0.4（KB2618444）

但它似乎被固定在 版本：9.0.24（KB2909921）