Quote Originally Posted by cryoffalcon View Post
well the above first two options i tried them, they didn't work. And the 3rd one is what i am not able to understand
If the first option didn't work, it's because your heights need to be a tiny bit smaller than you think. Try 1-2 px smaller and see if it works.

Here's what I meant by invisible anchor- it'll give you the basic idea, I hope.

Code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
#atooltip{
display:none;
}
</style>

</head>
<body>
<p>
<a id="atooltip" name="tooltipbox" href="whateveryoucallyourtooltipbox">this is the text </a>that is near the end of the box but not necessarily at the end, so when you mouse over you can get your tooltip box...</p>

</body>
</html>