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.

<meta charset="utf-8">
<title>Untitled Document</title>

<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>