Таблица2 вылазит за пределы таблицы1

[IndigoHollow]

Есть таблица1. В одном из ее <td> есть таблица2. Когда динамически изменяется высота таблицы2, то она снизу и сверху вылезает за пределы таблицы1.
Вопрос: как сделать так, что бы таблица2 была неподвижна сверху, а только снизу растягивала таблицу1 при изменении высоты? Наверное, надо как-то жестко закрепить левый верхний угол таблицы2, но как?

На картинках видно как выглядит таблица2 до динамического изменения высоты и после.

[IndigoHollow]

Решение: для родительской ячейки таблицы1 задать:

<td style="position: relative;">

, а для всей таблицы2 задать:

<table style="position: absolute;">

[Bagirka1112]

а можете пояснить, что дают эти параметры! хочется понять, а не просто сделать! Спасибо!

[Bugrimov]

Я думаю эта ссылка Вам поможет... http://htmlbook.ru/css/position

[Naive]

Сообщение от Bagirka1112

а можете пояснить, что дают эти параметры! хочется понять, а не просто сделать! Спасибо!

position:absolute; вырывает слой из потока элементов, без указания позиций он будет "находиться" в том же месте, где и был бы должен, но уже не будет влиять на окружающие его, следующие следом объекты в потоке, для них он уже не существует.
position:relative; в данном случае задает контекст позиционирования для дочерних position:absolute; т.е. параметры top, right, bottom, left будут считаться не относительно первого окна страницы (контекст по умолчанию), а относительно блока, в котором задан контекст.