title: Is it possible to make pure CSS tooltips that display after a delay?
body: <p>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.</p>
  
  <p>Creating pure CSS tooltips is trivial, but they appear instantaneously when the cursor hovers over the item.</p>
  
  <p>How can one create CSS tooltips that appear only after hovering over the target item for <em>x</em> seconds?</p>
  
  <p>The solution only needs to work with Firefox, but cross-browser implementation is welcomed as well.</p>