CSS for title onHover not working

[Shin2k35]

I have a page which has some data in form of tablesCurrently, for one of the columns(which is a link) I need to display a text on hover and was able to do it successfully by giving the title in the tag. Now , I tried applying css to the text on hover and following is the snippetCSS\[code\]a.changes:hover {text-decoration: none; }a.changes p {position: absolute; left: -9999px;border-style:solid; border-color:black; border-width:1px;}a.changes:hover p {left: 5%; background: #ffffff; size:1px;}\[/code\]and in the html, I removed the title from the a tag and gave it in inside tag\[code\]<a href='http://stackoverflow.com/questions/13801959/#' class='changes' onclick='AAA'><font color=blue>XYZ</font><p style='width:100px;'>TextToBeDisplayedOnHover</p></a>";\[/code\]The above snippet works fine on the current display. But when I scroll down the page and then try to display to text on hover by selecting the last element, then the title is not getting displayed at well. My guess the text on hover has gone beyond the display page vertically.Someone please help me in this. I need this hover to work for all the rows in the table in the current page as well as the next pages and not just the current display alone as happens in my caseThanks in advance.