An experiment that uses a custom HTML5 data- attribute (named data-tooltip) and :before and :after generated content to turn any element into a popup tooltip. No Javascript or extra markup necessary.
Theoretically suitable for consumption in: IE8+, FireFox3.6+, Opera 10+, Chrome 4+ & Safari 4+.
See the demo for more information.
Inspired by Nicolas Gallagher’s article Multiple Backgrounds and Borders with CSS 2.1.