Scroll i layers

Hej

Er er nogen der ved hvordan jeg i følgende kode får scrollbaren i det nederst layer til ikke at forsvinde under browseren nederste kant(man kan ikke se den nederste pil)???

<html>
<head>

<title>Test</title>
       
<style type=\"text/css\">       
  <!--
#layer1 {
    position : absolute;
    top : 1px;
    left : 1px;
    width : 100%;
    height : 100px;
    visibility : visible;
    overflow : hidden;
}
#layer2 {
    position : relative;
    top : 100px;
    left : 1px;
    width : 100%;
    height : 100%;
    visibility : visible;
    overflow : auto;
}
-->
</style>
       
</head>

<body scroll=no leftmargin=0 topmargin=0>

<div id=\"layer1\">

    <table width=\"100%\" height=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
    <tr>
        <td height=\"100%\">Top</td>
    </tr>
    </table>

</div>
<div id=\"layer2\">
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
  Testing<p>
</div>

</body>
</html>