Помогите плиз! Неправильное отображение таблицы...

[Torner]

Помогите пожалуйста разобраться, не понимаю в чем проблема!

Есть таблица с закругленными уголками, сделанными при помощи изображений по углам.

Код таблицы правильный, Валидатор не обнаруживает ни одной ошибки.

Если я ставлю !Доктайп XHTML 1.0 Transitional, то все в порядке, во всех браузерах отображение нормальное.

А если ставлю !Доктайп XHTML 1.0 Strict(в котором как раз я и хочу работать), то во всех браузерах кроме IE6 таблица снизу неправильно отображается. Валидатор же показывает, что код правильный. Не пойму в чем дело, помогите плиз...

XHTML 1.0 Transitional

XHTML 1.0 Strict

Вот сам код:

<h3>Создание скругленных уголков:</h3>
<table style="width: 600px; border:0; background: #ec0000; margin: 0 auto;" cellpadding="0" cellspacing="0">
	<tr>
		<td style="text-align: left;"><img src="lt1.gif" width="30" height="30" alt=""/></td>
		<td style="text-align: right;"><img src="rt1.gif" width="30" height="30" alt=""/></td>
    </tr>
    <tr>
    	<td colspan="2" style="text-align: center;"><p style="color: white; font: bold 12px verdana;">Скругленные углы у таблицы с использованием изображений по углам</p></td>
    </tr>
    <tr>
    	<td style="text-align: left;"><img src="lb1.gif" width="30" height="30" alt=""/></td>
    	<td style="text-align: right;"><img src="rb1.gif" width="30" height="30" alt=""/></td>
    </tr>
    		</table>

Edited December 15, 2009 by Torner

[s0rr0w]

http://forum.htmlbook.ru/index.php?showtopic=13589

[panig]

было бы не плохо ещё и у ячеек таблицы размеры указывать.

[Torner]

О! Спасибо большое пребольшое и за ссылку! Заработало нормально))

Прописал vertical-align: bottom двум нижним картинкам, и все заработало) Или еще работает, если двум нижним ячейкам прописать line-height: 0