Ignore hover events with CSS

The pointer-events CSS property will allow you to control under what circumstances (if any) a particular graphic element can become the target of mouse events. (<a href="http://coderwall.com/%3Ca%20href="https://developer.mozilla.org/en/CSS/pointer-events/%22%3Esource" rel="nofollow">https://developer.mozilla.org/en/CSS/pointer-events/">source</a>).

This is a great way to build CSS tooltips that hide when moused over.

.tooltip {
    /* Prevents .tooltip from receiving pointer events. */
    pointer-events: none;
}

<a href="http://coderwall.com/%3Ca%20href="http://jsfiddle.net/D75pb/%22%3EjsFiddle" rel="nofollow">http://jsfiddle.net/D75pb/">jsFiddle Demo</a>