Проблема с height в таблице

[freesoul]

Привет!

Ситуация след.

Таблица - три столбца, три ячейки в левом столбце, по одной во втором и третьем столбце

Нужно:

1-я ячейка левого столбца - background-image height:100%; repeat-y

2-я ячейка левого столбца - background-image height - fixed, width - fixed

3-я ячейка левого столбца - background-image height - fixed, width - fixed

Дабы не запутаться, привожу код:

		<table cellspacing="0" cellpadding="0" align="center" style="width:1300px;"><tr>
		<td class="leftsidea"></td>
		<td rowspan="3">
		<div id="bodycenter">
		</div>
		</td><td class="rightside" rowspan="3"> </td></tr>
		<tr><td class="leftsideb"> </td></tr>
		<tr><td class="leftsidec"> </td></tr>
		</table>

.leftsidea{
	text-align: left;
	width:145px;
	background-image: url('../images/leftside.png');
	background-repeat: repeat-y;
}
.leftsideb{
	text-align: left;
	width:145px;
	height:34px;
	background-image: url('../images/leftmid.png');
	background-repeat: no-repeat;
}
.leftsidec{
	text-align: left;
	height:100px;
	width:145px;
	background-image: url('../images/leftmid2.png');
	background-repeat: no-repeat;
}

firefox все прекрасно выводит, как мне нужно

Хром, ИЕ - страдают

ХРОМ - 3-ю ячейку растягивает на всю высоту

ИЕ - оставляет пробелы между ячейками

Никак не могу побороть. Прошу вашей помощи!

Edited February 10, 2011 by freesoul

[Vlad]

Для начала поставьте таблице table-layout: fixed

[freesoul]

=( ничего не изменилось

[Great Rash]

Покажите картинку того что надо получить

[freesoul]

Чуть по-другому

Зайдите через файрфокс на http://freesoul.myvnc.com/ - это то, что нужно получить, но и из других браузеров тоже

для наглядности border=1

+ картинка того, что нужно

Edited February 10, 2011 by freesoul