Проблемы с таблицей

[ЛАСТЫЧ]

Есть таблица:

| 3 | 2 | 1 |

Ширина фиксированная.

Ячейка 1 Фиксированная(там фоновая картинка)

Ячейка 2 Текст она должна тянуться в зависимости от количества текста

Ячейка 3 Пустая

В FF все норм, в IE лажа(

<table width="265px">
	<tr>
		<td></td>
		<td class="block-name"><div class="div-block-name">Новости</div></td>
		<td class="block-part"></td>
	</tr>
	<tr>
		<td colspan="3" class="block-content">214214dsgdgsgdgsdg</td>
	</tr>
</table>

table{border-collapse: collapse;}

 table td {padding: 0px}


 td.block-part {
	background:url('images/block_part_right.jpg') no-repeat;
	width:25px;
	height:26px;
	border:1px solid #9b9b9b;
	text-align:right;
 }

 td.block-name {
	border:1px solid #9b9b9b;
	width:10px;
	text-align:right;
 }

 .div-block-name {
	padding:0 10px;
	background:#1259b4;
	margin:1px; 
	height:24px;
	text-align:right;
 }

 td.block-content {
	border:1px solid #9b9b9b;
 }

Edited May 6, 2009 by ЛАСТЫЧ

[Nekromancer]

в чём собственно лажа в ИЕ?

попробую убери ширину тут

td.block-name {
	border:1px solid #9b9b9b;
	width:10px;
	text-align:right;
}

[ЛАСТЫЧ]

В IE выглядит вот так:

http://indexone.ru/temp/1.png

После того как убрал ширину точно так же стало и в FF

Edited May 6, 2009 by ЛАСТЫЧ

[Nekromancer]

table{border-collapse: collapse; border-spacing:0; table-layout: fixed;}

table td {padding: 0px; border-spacing:0;}


td.block-part {
	background:url('images/block_part_right.jpg') no-repeat;
	width:25px;
	height:26px;
	border:1px solid #9b9b9b;
	text-align:right;
}

td.block-name {
	border:1px solid #9b9b9b;
	text-align:right;
}

.div-block-name {
	padding:0 10px;
	background:#1259b4;
	margin:1px;
	height:24px;
	text-align:right;
}

td.block-content {
	border:1px solid #9b9b9b;
}

больше ничего не придумалось..

на самом деле всё высчитывается с левой и с верхней стороны, по этому левый блок должен быть фикс, а правый тянуться..

[ЛАСТЫЧ]

Спасибо помогло.