<!-- Simple test page to hide elements using CSS for visibility check -->
<html>
<head>
<style>
.Header {
height: 30px;
width: 100px;
background-color:red;
}
.Footer {
overflow: auto;
height: 50px;
width: 100px;
background-color:green;
}
</style>
</head>
<body>
<div class="Header">
</div>
<div class="Footer">
<li aria-label="1" tabindex=0>1</li>
<li aria-label="2">2</li>
<li aria-label="3">3</li>
<li aria-label="4">4</li>
<li aria-label="5">5</li>
<li aria-label="6">6</li>
<li aria-label="7">7</li>
<li aria-label="8">8</li>
<li aria-label="9">9</li>
<li aria-label="10">10</li>
</div>
</body>
</html>