HTML+CSS+JavaScript

Есть таблица, каждая ячейка имеет свой уникальный номер. При наведении на ячейку появляется скрытый див с текстом и ссылками. В аттаче схематический рисунок.

1) Можно ли сделать чтобы этот координаты у этого дива были как то привязаны к ячейке, например с каким то отступом от ее левого нижнего угла.
Я уже делал подобное, позиция у всех дивов была абсолютная и везде одна и та же, тоесть при наведении на разные ячейки див появлялся в одном и том же месте, это не всегда удобно(

2) Можно ли не делать столько дивов сколько ячеек, а сделать один с разными параметрами?
Тоесть текст и ссылки в появляющемся диве всегда одни и теже. Только меняется параметр у ссылки зависящий от номера ячейки.
Например при наведении на первую ячейку ссылка в диве будет такой <a href=/index.php?id=1>ссылка</a>, на вторую <a href=/index.php?id=2>ссылка</a> и тд.

Если ячеек будет много то это существенно уменьшит вес страницы )

Заранее спасибо.

можно воспользоваться готовым скриптом. например tooltip

спасибо почитаю)