<!DOCTYPE html>
<html>
<head>
<title>layout zoom test</title>
<style>
#test {
width: 500px;
height: 1500px;
background: navy;
zoom: 0.05;
}
</style>
</head>
<body>
<div id="test"></div>
<div id="console">
The box above should be navy blue with no banding effects.<br>
PASS: With zoom of 100% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 110% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 125% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 150% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 166% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 175% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 200% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 250% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 300% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 400% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 500% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 750% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 1000% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 90% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 80% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 75% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 66% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 50% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 33% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 25% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 10% bottom edge of last child lines up with bottom edge of container.<br>
PASS: With zoom of 5% bottom edge of last child lines up with bottom edge of container.
</div>
</body>
</html>