CSS：在IE10 + IE11中不会触发悬停状态

Question

目前我正在开发一个HTML5 / CSS3有效的网络应用程序，它在Chrome，Firefox和IE9中都做得很好。我在页面上有几个按钮，并且都有一个hoverstate，可以将背景颜色从白色更改为蓝色。现在，当我在IE10 / IE11中查看此页面时，最初将鼠标悬停在按钮元素上时，背景不会改变（换句话说，浏览器不会触发我的CSS规则）。

使用IE11DEV工具检查元素并强制：悬停（通过[a：]按钮）时，背景也不会改变（但我可以看到我的：hover CSS属性！）

• 当我调整#wrapper元素（通过更改CSS宽度）或浏览器窗口时，突然一切都开始响应..
• 此外，我发现了几个强制浏览器重绘的修复程序 然后当然我看到了我的：悬停状态。

我正在寻找一种不需要重绘（或JS /浏览器特定的JS）的解决方案

非常感谢任何建议/解决方案： - ）

请看下面的我的屏幕截图，强制悬停，字面上悬停在按钮上，以及应该显示的CSS （无法发布内联图片，声誉太低）   - http://i.stack.imgur.com/g2Xvu.png

提前致谢，

亲切的问候， 碧玉