IE Has Correct Box Model In Standards Compliant Mode 

<html>
<head>
	<title>IE Box Model Bug Doc-Type Test</title>
 
	<style type="text/css">
 
		div#test {
			background-color: #FAFAFA ;
			border: 1px solid #666666 ;
			height: 50px ;
			line-height: 50px ;
			margin: 50px auto 20px auto ;
			padding: 0px 20px 0px 20px ;
			text-align: center ;
			width: 200px ;
			}
 
		div#control {
			background-color: #FAFAFA ;
			border: 1px solid #666666 ;
			height: 50px ;
			line-height: 50px ;
			margin: 0px auto 0px auto ;
			text-align: center ;
			width: 200px ;
			}
 
	</style>
</head>
<body>
 
	<!-- Here is the box with added padding. -->
	<div id="test">
		Padding: 20px ;
	</div>
 
	<!-- "Control" box with no padding. -->
	<div id="control">
		Ruler - 200px
	</div>
 
</body>
</html>

For Cut-and-Paste