Выравнить DIV'ы равномерно по вертикали

[insaner]

Вообще предлагаю следующий код, он представляет собой список телепрограмм:

<div style="width:600px;">

<div class="ch">1</div>
<div class="tm">05.30</div>
<div class="bc">"Детективы"</div>

<div class="ch">1</div>
<div class="tm">12.45</div>
<div class="bc">"Ералаш"</div>

<div class="ch">1</div>
<div class="tm">13.00</div>
<div class="bc">Новости
(с субтитрами). Ведущий - Дмитрий Борисов</div>
</div>

CSS к нему :

.ch
	{ 
	float: left;
	width: 30px; 
	margin: 0px;
	padding: 7px 4px 0px 0px;
	color: black;
	font-size: 11px;
	text-decoration: none;
	text-align: right;
	}

.tm
	{
	margin:0px 0px 0px 0px;
	float: left;
	width: 60px; 
	padding: 6px 6px 0px 0px;
	color: /*color c_c1*/rgb(51, 102, 153);
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	}

.bc
	{

	float: right;
	width: 485px;
	padding: 6px 0px 4px 12px;
	margin: 0px 0px 0px 0px;
	color: /*color c_c1*/rgb(51, 102, 153);
	font-size: 12px;
	text-decoration: none;
	text-align:left;
	border-left: 1px solid /*color c_b2*/rgb(51, 102, 153);
	}

Сейчас проблема в том что дивы с каналом и временем склеены между собой и не "встают" напртив начала дива с названием передачи.

Хотелось бы добиться того чтобы див с временем совпадал с началом дива названием передачи.

Я думаю задача у многих встречается в практике, прошу помочь. Применение таблиц невозможно.

[bond84]

сделай верхние и нижние паддинги одинаковые:

Было:

padding: 7px 4px 0px 0px;

padding: 6px 6px 0px 0px;

padding: 6px 0px 4px 12px;

Стало:

padding: 6px 4px 4px 0px;

padding: 6px 6px 4px 0px;

padding: 6px 0px 4px 12px;

[yopopt]

Эм... У Вас во всех дивах padding-bottom: 0, а в .bc - 4px. Поэтому и не встают.

[insaner]

Спасибо , попробывал но не помогает , если в названии передачи много текста, она растягивет див .bc, если название короткое то все работает .

[insaner]

Проблема решена , тему можно закрыть