Salve a tutti,
io ho un piccolo problema di visualizzazione con un div posizionato in maniera assoluta ed il layout della pagina al 100%.
questo che segue è il codice della pagina:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Untitled Document</title>
<style type="text/css" media="all">
html, body
{
padding : 0;
margin : 0;
height : 100%;
}

body>.layer
{
height : auto;
min-height : 100%;
}

.layer
{
height : 100%;
position : relative;
}

.content
{
position : relative;
width : 300px;
height : 200px;
background-color : #03F;
}

div.footer
{
position : absolute;
bottom : 0;
left : 0;
width : 100%;
height : 70px;
clear : both;
background-color : #9e9e9e;
font-size : 12px;
color : #eeeeee;
z-index : 2;
}
</style>
</head>

<body>
<div class="layer">
<div class="content">
<ul style="position : absolute; width : 100px; top : 20px; left : 50px; background-color : #0F9; z-index : 3;">
[*]01
[*]02
[*]03
[*]04
[*]05
[*]06
[*]07
[*]08
[*]09
[*]10
[*]11
[*]12
[*]13
[*]14
[*]15
[*]16
[*]17
[*]18
[*]19
[*]20
[*]21
[*]22
[*]23
[*]24
[*]25
[*]26
[*]27
[*]28
[*]29
[*]30
[*]31
[*]32
[*]33
[*]34
[*]35
[*]36
[*]37
[*]38
[*]39
[*]40
[*]41
[*]42
[*]43
[*]44
[*]45
[*]46
[*]47
[*]48
[*]49
[/list]
</div>
<div class="footer"></div>
</div>
</body>
</html>
Praticamente se il div posizionato in maniera assoluta, che non è il "footer", è più alto della finestra del browser sfora il layout al 100% e mi crea uno spazio vuoto tra il footer e la fine della finestra del browser ....
Potete aiutarmi per risolverlo ?