Задача такая..

На странице есть куча разных элементов, например таблиц. Мне нужно зная id нужного элемента нарисовать около него div. Проще всего динамически добавить див в интересуемый элемент. Но мне нужно чтобы размеры дива и родительского элемента не зависели друг от друга (на практике див будет больше чем родительский элемент). И мне нужно чтобы див был не в интересуемом меня элементе, а точно под ним.


    +--------------------+
    |  Родительский  |
    +--------------------+
+----------------------------------------------------------------------+
|                                                                                         |
|                                                                                         |
|                      Это мой динамически созданный див       |
|                                                                                         |
|                                                                                         |
|                                                                                         |
|                                                                                         |
+----------------------------------------------------------------------+

Первое что пришло в голову- новый див присоединять к document.body, position : absolute; и задавать ему свойства top и left такие чтобы он встал как раз ровно под интересующим нас элементом.

Но как узнать координаты интересующего нас элемента? Если он тоже позиционируется абсолютно то у него есть свойства top и left... Но если нет, если это просто элемент td в обычной таблице, но как тогда узнать его координаты? top и left в таком случае у него по нулям

посмтри в каком-нирбудь фреймворке взятие абсолютный координат любого ДОМ-элемента например в prototype

Лови нужные статьи:
Координаты элемента на странице
Присваивание размеров и позиций элементов, работающее независимо от DOCTYPE