<html>
<head>
<style>
html, body {
    border: 0;
    margin: 0;
    height: 100%;
}

#container {
    position: relative;
    margin: 0 auto;
    height: auto !important;
    min-height: 100%;
}

#footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: gray;
}
</style>
</head>
<body>
<div id="container">
    <div><img id="img" src="compass.jpg" style="width: 100%; height: 100%;"></div>
    <div id="footer">
    Layout test for <a href="https://bugs.webkit.org/show_bug.cgi?id=43022">https://bugs.webkit.org/show_bug.cgi?id=43022</a>
    </div>
</div>
</body>
</html>