问css计数器不工作在internet explorer中的隐藏内容-如何修复？

EN

我们想要一些编号列表，发现了一个很酷的计数器，你可以在你的css中使用它让浏览器为你计算数字：

ol.instructions {counter-reset:instructions-section;}
ol.instructions > li:before {
    content:counter(instructions-section); 
    counter-increment:instructions-section;
}

我们制作的html包含多页指令集，每个指令集从1、2、3开始编号，依此类推。一次只有一个集合可见，当您单击一个标题时，将显示该集合并隐藏其他集合。

它就像是一种款待，我们坐在那里笑容满面，直到有人想到在Internet Explorer8上测试它，在那里我们遇到了一些史诗般的微软风格的怪异。当通过点击调出一个集合时，所有的数字都是零(0)。

我用谷歌搜索了一下，找到了this page -它很好地描述了这个问题(它结合了使用:hover和隐藏内容中使用的css计数器逻辑)，但给出了一个不太令人满意的解决方案-我希望能够继续使用css计数器，并实现一些特定于ie8的黑客攻击，以某种方式使页面更新数字。我很难在互联网上找到关于这个问题的其他东西。

我的特定页面将描述零，直到我将鼠标指针移动到包含编号列表的div中，此时数字将神奇地自我修复。有没有什么方法可以让我“轻推”页面，使其相信鼠标正在元素上悬停？或者有更合适的解决方案？