Utwórz css: hover wpływa tylko na element nadrzędny

W css, jak mogę zatrzymać:hover zdarzenie wyzwalane w elemencie nadrzędnym, gdy zdarzenie podrzędne jest zawieszone, tak że jest ono wyzwalane tylko wtedy, gdy sam rodzic zostanie zatrzymany? W tym przypadku mój element podrzędny jest w rzeczywistości pozycjonowany poza elementem macierzystym z pozycjonowaniem bezwzględnym, więc jest trochę dziwne, gdy rodzic zmienia się, gdy dziecko zostaje zawieszone.

ZrobiłemJSFiddle zilustrować problem.

Tutaj jestJSFiddle zastosowanego rozwiązania na mój przykład.

questionAnswers(3)

yourAnswerToTheQuestion