ie6, ie7 не вытягивается ячейка без размера по высоте

M
На сайте с 07.10.2010
Offline
52
420

Хочу сделать кроссбраузерную верстку в том числе и для ie6,7

Но именно в этих браузерах, ячека у которой явно не выстравлена высота не растягивается до того размера чтобы заполнить оставшуюся высоту,

Вот код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Тест</title>
<style>
html, body { height: 100%; margin: 0px; background-color:#FFFFFF;}
BODY {margin:0px;}
td {vertical-align:top;}
</style>
</head>
<body>
<table height="100%" width="950" align="center" border="1" cellpadding="0" cellspacing="0">
<tr><td height="20">111</td></tr>
<tr><td>2222</td></tr>
<tr><td height="20">333</td></tr>
</table>

Конечно же если убрать доктайп вообще, то проблема исчезает, но возможно появление других пробем для разных браузеров. Хотелось бы для этого доктайпа найти оптимальный выход

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий