tooltips css over


<html>
<head>
<style type="text/css">
body {
  font-size: 14px;
}
a p {
  display: none;
}
a:hover {
  /* IE/Win requires some link change on hover in order to show the tooltips */
  font-weight: bold;
}
a:hover p { /*the span will display just on :hover state*/
  display: block;
  position: absolute;
  width:150px;
  font-weight: normal;
}
</style>
</head>

<body>
<p>
This paragraph is normal, and the link is made "relative."<br> 
  <a href="#">Hoverable link.
    <p class="logC">
    This popup is set to 150px wide and is made "absolute" as well as 
    "display:&nbsp;block".  It also has {z-index: 3;}, which is the highest 
    value of the first three tests.
    </p>
  </a>
&nbsp;The "inline" link hides its span until hover, then the span goes "absolute"
and "block," causing the span to appear as a "popup" tooltip box from nowhere.  
</p>
</body>
</html>