Dynamic Positioning of Element in a webpage

[sivarm4u]

Hi All,

I have some doubts about positioning of an element in the web page.
The example goes like this:
I have a table of 20 rows 3 columns.
In the third column of some rows(3rd, 10th, 18th for example) an icon is appearing. On hovering over the icon I have to show a dialog DIV which contains little more detailed information of that respective row.

So to accomplish this, how shall I find out the dynamic positioning of that icon in different rows of the table and then hovering over the icon I should be able to dynamically position the DIV container just beside the icon.

Please help.
Thank you all in advance.
Siva.

[rocknbil]

Like this. Don't dynamically position it, position it inside a container that also contains the icon. You can probably use the td itself.

<td>

<a href="more-info.html"><img src="icon.jpg" alt="more info"></a>

<div id="my-more-info" style="display:none;">
there you go, this is
your show/hide
</div>

</td>