HTML+CSS+JavaScript

Ну тогда вам rowspan совсем не нужен.

Пропарился два часа но проблему решил объединением ячейки 1 и 2 и вставкой в объединеную ячейку новой таблицы с высотой 100%

Ну тогда мне кажется, что вы поступаете не разумно. Если вы будете делать тень рисуноком заготовленным, и у вас "жесткая" тень то просто задайте необходимый цвет ячекам. Если тень "мягкая" (размытая по краю), то вставьте рисуки - но ячейке 1 укажите valign="top", у таблицы атрибутам border, cellpadding и cellspacing укажите значения 0 все выравняется. Если текст фиксированный по объему - то достаточно таблицы с 4 ячейками.
Посмотрите здесь и здесь о имитации теней, может что и сгодиться вам.

Да

Вокруг ячейки с текстом?

Ну я же задаю высоту ячейки 2 как 7 пкс, но почему-то не работает.

Я видел в FF - ну и что? От перемены мест слагаемых сумма их не меняется, единственное, это FF так распределяет величины между слагаемыми, а IE по другому. Дело вкуса, а о вкусах не спорят :) Укажите высоты ячеек для IE, или заполните ячейку чем либо, если вам нужна высота какая-то. Что вы в конечном итоге хотите иметь мне не ведомо.

мы наверно говорим о разных ячейках. Я иммею ввиду ячейка 1 - это ячейка, содержащая в примере цифру 1, ячейка 2 - цифру 2 и т.д. Посмотрите пример в firefox или opera, а потом в IE и вы поймете о чем я говорю.

Не растягивались это как? У вас семма ячеек 1 и 2 равна высоте ячейки с текстом - а уж какие каждая примет зависит от вас, что вы туда поместите.

Я не спорю, что правильно а что нет - мне главное решеть задачу, чтобы ячейки не расстягивались.