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