I'm trying to use the hover pseudo-attribute to display footnotes in
documentation. The footnotetext is hidden until you hover over the
footnotemark. This work well in Safari and Firefox, but I can't seem
to get it to work in MSIE. Is this even possible in MSIE? If so, can
you explain why this CSS doesn't work?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
a.footnote .footnotemark {
color: #ff8000;
}
a.footnote:hover .footnotemark {
cursor: help;
}
a.footnote .footnotetext {
display: none;
}
a.footnote:hover .footnotetext {
display: block;
position: absolute;
bottom: 0em;
left: 0em;
background-color: #F8F8CB;
color: #000;
text-align: left;
border: 7px #ff8000 solid;
padding: 10px;
margin: 0px;
z-index: 20;
}
-->
</style>
<body>
<p>The following data<a class="footnote"><sup
class="footnotemark">**</sup><span class="footnotetext"> These data
have been compiled from the United Nations Demographic Yearbook 1990
(United Nations publications, Sales No. E/F.91.XII.1, copyright 1991,
United Nations, New York) and are reproduced with the permission of the
United Nations.</span></a> from Rouncefield (1995) are the birth rates,
death rates, and infant death rates for 97 countries. The following
statements create the SAS data set <span class="hv">Poverty</span>.</p>
</body>
</html>