A friend has a memory problem, so I sometimes create CSS overlays for him that provide tooltips to help him with his tasks. Because these are overlays, modifying the underlying HTML or Javascript is not possible.
Creating pure CSS tooltips is trivial, but they appear instantaneously when the cursor hovers over the item.
How can one create CSS tooltips that appear only after hovering over the target item for x seconds?
The solution only needs to work with Firefox, but cross-browser implementation is welcomed as well.