верхняя ячейка "расползается" по высоте за счет нижней

[triton]

Помогите, пожалуйста, решить вот какую проблему: есть таблица

<table id="subCont" width="1111px" border="0" cellpadding="0" cellspacing="0">	
	<tr>
		<td id="leftColl" rowspan="2" height="471px"></td>
		<td id="header"></td>
	</tr>
	<tr>
		<td id="innerCont" rowspan="2" valign="top">
	             <p>content</p>
		</td>
	</tr>
	<tr>
		<td valign="top" id="contSideLeft"></td>
	</tr>
</table>

к ней стиль

table#subCont {
	border-collapse: collapse;
	empty-cells: show;
	table-layout: auto;
}
	td#leftColl {
		max-height: 471px;
		height: 471px;
		width: 355px;
		background: url(1.png) no-repeat;
		overflow: hidden;
	}
	td#contSideLeft {
		height: auto;
		background: url(2.png) repeat-y;
	}
	td#header {
		background: url(3.png) no-repeat;
		width: 756px;
		height: 44px;
	}
	td#innerCont {
		padding: 10px 0;
		background: url(4.png) repeat-y;
		min-height: 527px;
		line-height: normal;
		font-size: 14px;
	}

так вот в чем суть: в фаерфоксе ячейка #leftColl расползается по высоте вниз за счет ячейки #contSideLeft, фиксированную высоту последней нельзя указывать, так как она зависит от контента в #innerCont.

Заранее спасибо!

Edited December 28, 2011 by triton