a.hastooltip { | |
border-bottom: 1px dotted #00aa00; | |
color: #000000; | |
cursor: help; | |
font-style: normal; | |
position: relative; /* This is the key */ | |
text-decoration: none; | |
z-index: 24; /* What does this do? */ | |
} | |
a.hastooltip:active { | |
color: #000000; | |
text-decoration: none; | |
} | |
a.hastooltip:link { | |
color: #000000; | |
text-decoration: none; | |
} | |
a.hastooltip:hover { | |
background-color: #a0b8ff; | |
color: #000000; | |
text-decoration: none; | |
z-index: 25; | |
} | |
a.hastooltip:visited { | |
color: #000000; | |
text-decoration: none; | |
} | |
a.hastooltip span { | |
display: none; | |
} | |
a.hastooltip:hover span { | |
background-color: #eeeeee; | |
border: 1px solid #000000; | |
color: #000000; | |
display: block; | |
padding: 5px; | |
left: -15.2em; | |
position: absolute; | |
text-align: center; | |
text-decoration: none; | |
top: 2em; | |
width: 20em; | |
} |