Как я могу отложить эффект: hover в CSS?

Есть ли способ отложить событие: Hover без использования JavaScript? Я знаю, что есть способ отложить анимацию, но я ничего не видел о задержке события: hover.

Я создаю меню, похожее на сынок-присоски. Я хотел бы смоделировать, что делает hoverIntent, не добавляя лишнего веса JS. Я бы предпочел рассматривать это как прогрессивное улучшение и не делать JS требованием для использования меню.

Пример разметки меню:

Вот полная демонстрация: http://jsfiddle.net/aEgV3/