+1 to that,
and maybe at bit OT: but why is nobody extending the link (< a > tag) so that the endnoted word itself is the hyperlink?
HTML
Code:
<p>Lorem ipsum dolor sit amet, <a href="#fn1" id="fnref1">consectetur <span class="footnoteRef">1)</span></a> adipiscing elit. </p>
CSS
Code:
span.footnoteRef {
text-decoration: none;
border-bottom: 1px dotted;
color: inherit;
position: relative;
top: -0.5em;
font-size: 70%;
}