<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

	<title>Slashdot Layout Bug Testcase</title>

	<style type="text/css">
		/* These rules cause the layout issue */
		#yellow{ height: 100%; }
		#blue { height: 100%; }
		/* #green { height: 100%; } /* */
		
		/* These rules are to demonstrate the layout issue */
		#yellow { border: 3px solid yellow; }
		#blue { border: 3px solid blue; }
		#green { border: 3px solid green; }
		#red { border: 3px solid red; }
		#navy { border: 3px solid navy; }
	</style>

</head>

<body>

	<div id="yellow">Yellow
		<div id="blue">Blue
			<div id="green">Green</div>
			<div id="red">Red</div>
		</div>
	</div>	
	
	<div id="navy">
		<div>Navy</div>
	</div>

</body>
</html>