Automatic footnotes

[Lou Quillio]

Joseph Lorenzo Hall wrote:
> Of course, there is another way... that is, using the `<acronym>` tag
> to mark up footnotes that appear on a mouse-over. Like:
> 
>     This is a <acronym title="I went to a bar called foo last
> night">footnote</acronym>.

This would be better:

  This is a <span title="I went to a bar called foo last
  night">footnote</span>.

Add a class and you can style them (different mouse cursor, dotted 
underscore, etc.).  No need to hijack <acronym>.  I've used something 
like this:

    abbr,
    acronym,
    .help
    {
      border-bottom: 2px dotted #333;
      cursor: help;
    }

(MSIE won't do dotted 1px borders right.)  Also, there's not much point 
to <acronym> since it's semantically contained by <abbr>.

But these tooltips are a matter of browser behavior, anyhow.  Aaron's solution 
is cool because the footnotes are real elements -- and the scripted effects 
make the whole thing even cooler.

LQ