HTML+CSS+JavaScript

Браузеры (любые) при построении таблиц стараются учесть все стили и атрибуты, прописанные в коде, если только они не противоречат логике.

Вы задали своей внешней таблице атрибут height="100%" и повторили это указание ещё раз в в атрибуте style="height: 100%"

Браузер ваш (дважды отданный) приказ понял.
И, в принципе, готов был его выполнить: если бы суммарная высота ячеек таблицы была меньше высоты окна браузера, то браузер "растянул" бы таблицу по высоте.

Однако в реальности сумма высот картинок, вставленных в строки таблицы, плюс высота текстовой ячейки, жестко приписанная в атрибуте style="height: 410px", превышает высоту окна браузеров (и вашего собственного, и моего).

"Урезать" какие-то ячейки по высоте браузер не может - нет у него от вас на это полномочий. Если пропишете, например, в самой последней строке

<tr><td colspan="6" style="background-image:url('img/design/bgimage2.jpg');overflow-y: scroll"></td></tr>

, то браузер как раз эту строку "урежет" по высоте, чтобы "вписаться" в окно браузера (если получится, разумеется).
Сам вставлять скролл в ячейки браузер не имеет права - по умолчанию в ячейках overflow-y: hidden.

А ты уверен, что она тебе не нужна? А как же посетители будут прокручивать страницу на своём маленьком экране?

Помогите!!!
Почему в IE возникает вериткальная полоса прокрутки? Я имею в виду та, которая у всей странички.

http://www.piratesdome.ru/calendars/