<!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>