Hover popups in table cells

[chrisp]

In my ASP.NET web app I'm trying to create a popup DIV that displays some
text when the user hovers the mouse over a link in a particular cell in a
table. I'm using JavaScript to show & hide the popup.

I've played around but can't get the popup to work properly. Toggling
between 'visibility:hidden' & 'visibility:visible' doesn't work correctly
because the row height is incorrect and includes the height of the popup
text. Toggling between 'display:none' & 'display:block' doesn't work because
the row height gets increased when the popup is displayed.

Can someone help me out to get the popup to work properly so that the row
height is correct? It needs to work with IE6.

 

[chrisp]

This is what I've been using and it doesn't work. It will show & hide the
popup OK but it also causes the row height to get increased & decreased each
time.