Почему первый див не 100%?

Выделить код

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<style type="text/css">
.left{float:left}
.border{border:1px solid #111}
</style>
</head>
<body>

	
<div class="left"><div class="left">
	<div class="border">sdfsdf</div>
	<div class="border">sdfsdfssdffsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsd</div>
</div></div>

<div class="left">
	<div class="border">sdfsdf</div>
	<div class="border">sdfsdfssdffsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsd</div>
</div>

</body>
</html>

100% чего?

Родительского дива. Как в других баузерах.

Ага, вижу. Даже сталкивался, но не помню как решал.

Чего-то я не понял. Проверил в Firefox 3.0b и в Safari. Один left охватывает другой. А как должно быть, и почему оно так должно быть?

Должно получиться 4 одинаковых ячейки. Может в ff 3 и пофиксили. Я в ff 2.0 тестил.