Блоки div вместо td, как сделать две колонки одинаковой высоты?

[v.victoria12345]

Здравствуйте. У меня такая ситуация. Требуется сделать такие блоки как на изображении 1-1. Есть код:

<div class="itemsPare">
<div class="itemTov">
MyLab Guide<br />
<img src="images/item.jpg" alt="Товар" align="left" />
<p>Коннектор для одновременного подключения 2-х датчиков. 2-х частотные конвексные, микроконвексные и линейные датчики. Память: флеш-карта до 160 полноформатных изображений с результатами измерений...</p><br/>
 <div class="podr"><a href="#">подробнее</a></div></div>	

<div class="itemTov">
MyLab Guide<br />
<img src="images/item.jpg" alt="Товар" align="left" />
<p>Коннектор для одновременного подключения 2-х датчиков. 2-х частотные конвексные, микроконвексные и линейные датчики. Память: флеш-карта до 160 полноформатных изображений с результатами измерений...</p><br/>
 <div class="podr"><a href="#">подробнее</a></div></div></div>

css:
.itemsPare 
	{width:677 px;
	float: left;
	min-height:200px;
	border: 1px solid red;}
.itemTov 
	{width:327px;  
	padding-left: 5px;
	padding-right: 5px; 
	float: left; 	
	text-align: center;
	border: 1px solid #000;}
.podr
	{width:300 px;
	border-bottom: 1px solid #ccc;
	text-align: right;
	padding-right: 10px;
	background-image: url(../images/arr_menu.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	vertical-align: bottom;}

Получается как на рисунке 2-2. Если делать таблицами получилось бы без проблем 
<table><tr><td>Название</td><td>Название</td></tr>
<tr><td>Фото, текст</td><td>Фото, текст</td></tr>
<tr><td>Подробнее</td><td>Подробнее</td></tr>

На дивах другая ситуация - необходимо чтобы ссылка ПОДРОБНЕЕ была всегда внизу, высота блоков не фиксированная, сможете помочь советом?