В CSS, как я могу остановить:hover событие, инициируемое в родительском элементе при наведении дочернего события, чтобы оно срабатывало только при наведении самого родителя? В этом случае мой дочерний элемент фактически позиционируется вне его родительского элемента с абсолютным позиционированием, поэтому это немного странно, когда изменяется родительский элемент, когда дочерний элемент находится в зависании.

я сделалJSFiddle чтобы проиллюстрировать проблему.

Here's a JSFiddle используемого решения для моего примера.