Html CSS：如果另一个样式为悬停，如何更改类样式

我有这个css代码：

.index-menu {
  float: right;
  width: 100px;
  height: 100px;
}
.index-menu .text-block {
  height: 50px;
  border: 1px solid #d1d300;
  background-color: #ffffff;
  color: #666;
}
.index-menu:hover .text-block {
  color: #000000;
}

---

如何使这段代码在IE10-11和Mozilla中工作？在Chrome中，此代码可以完美地工作

在IE10中，11:active，：hover psuedo类不由子类触发。

---

IE支持页面上的解决方案，JS:

HTML代码在哪里？我们必须检查什么？如果你能提供一个问题的工作示例，例如，在，那将是理想的。他们所说的。作为记录，这个CSS是可以的，所以问题一定是HTML。