#D1 {
	position:absolute; left:0; top:0; 
	width:100; height:100;

	background-color:yellow; 
	layer-background-color:yellow;
}
<span id=D1><img src="100x100.jpg" width="100" height="100"></span>


레이어에 아무것도 지정하지 않고 100, 100 크기의 이미지 한개만 넣어주었습니다. 이 경우 nn4에서 100, 100이 나오고 ie4에서도 100으로 offset, client가 같습니다.

이 페이지를 nn4로 보면 document.D1.document.width=100, document.D1.document.height=100 이고 ie4로 보면 document.all.D1.offsetWidth = 100, document.all.D1.offsetHeight = 100, document.all.D1.clientWidth = 100, document.all.D1.clientHeight = 100 입니다. 즉 내용물 외에 레이어의 크기에 영향을 미칠수 있는 어떤것도 지정을 하지않아 레이어의 크기는 내용물의 크기와 같습니다.

BACK