Есть некий блок (класс image в примере), при наведении на него требуется выводить затемнение (overlay) и текст (text). Сделал их в виде отдельных дочерних дивок, которым по умолчанию задан display: none
В стилях для ховера родительского элемента прописал следующее
.image:hover .overlay{
display: block;
}
.image:hover .text{
display: block;
}
Т.е. при наведении на родительский элемент, отображаются дочерние. В фф и вебкит браузерах работает как надо, в ие9 никакой реакции при наведении.
Почему данный пример не работает в ие? Как реализовать такую задачку кроссбраузерно?
jsfiddle.net/vD6Nf 
Простой
Простой
