Div (position:relative) в Ie6 неправильно показывает

  • Автор темы itwork
  • Дата начала
I

itwork

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
</head>
<body>
<div style="border: 1px solid rgb(0, 0, 0); width: 400px; height: 400px;">
<div style="position: relative; width: 0px; height: 0px;"><div style="background-color: orange;width: 100px; height: 150px"></div></div>
<div style="position: relative; width: 0px; height: 0px; left: 110px; top: 0px;"><div style="background-color: blue;width: 100px; height: 100px"></div></div>

<div style="position: relative; width: 0px; height: 0px; left: 110px; top: 104px;"><div style="background-color: green;width: 100px; height: 50px"></div></div>
<div style="position: relative; width: 0px; height: 0px; left: 236px;"><div style="background-color: yellow;width: 100px; height: 200px"></div></div>
</div>
</body>
</html>

Никак нимогу понять почему в Ie6 дивы распалогает не так как в ie8 или в mozilla или в chrome, может нихватает какого-то свойства?
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!