Overflow and Margins

Isn't it a bit odd that of one block is wider than its parent, and  
the parent is set to "overflow:scroll", that the margins of the child  
are shown on the top, bottom, and left, but not on the right? Is that  
the way it is supposed to be? It seems to me that the right margin  
should also be shown within the scroll box. (Tested in FireFox 3 and  
Safari 3.)

Example:

<html>
	<head>
		<style type="text/css">
			DIV { border:1px solid; overflow-x:scroll; }
			DIV DIV { height:5em; margin:.5em; width:200%;}
		</style>
	</head>
	<body>
		<div>
				<div></div>
		</div>
	</body>
</html>

Received on Saturday, 2 February 2008 19:44:32 UTC