Ebenenproblem - Positionierung

Dragonos

Hallo,

ich habe eine Testdatei erstellt, worin ich eine Ebene mit den Maßen 750px * 100% generiert habe.
In dieser Ebene habe ich oben ein Menü - ebenfalls als Ebene - eingefügt (100px). Mit der Positionierung "bottom" habe ich noch einen Footer als Eben eingefügt (10px, unterer Bildschirmrand).

Nun möchte ich gerne noch Content einfügen - dazu benötige ich allerdings eine Ebene, die genau in den Zwischenraum passt. Wie kann ich das realisieren?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
</head>

<body>

<div id="Layer1" style="position:absolute; left:0px; top:0px; width:750px; height:100%; z-index:1; background-color: #00FF66; 
layer-background-color: #00FF66; border: 1px none #000000;">
  <div id="Layer2" style="position:absolute; left:0px; top:0px; width:750px;   height:100px; z-index:1; background-color: #FF0000; 
  layer-background-color: #FF0000; border: 1px none #000000;">
  	Men&uuml; oben
  </div>
  <div id="Layer3" style="position:absolute; left:0px; bottom:0px; width:750px; height:10px; z-index:2; background-color: #6666FF; 
  layer-background-color: #6666FF; border: 1px none #000000;">
  	Footer
  </div>
</div>
</body>
</html>