mit DIV feste und Scrollbaren bereichen erstellen

[Pain]

Hallo,

ich möchte mit DIV (nicht mit Framesets!!!) einen klassichen Seitenaufbau mit Header-DIV, Inhlat-DIV und Footer-DIV. Header und Footer sollen immer sichtbar sein, Inhalt soll scrollbar sein und sich in der Größe halt entsprechend anpassen.

Die CSS:

BODY {
  height:100%;
  overflow:hidden;
  background-color: #FFFFFF;
  color: #000000;
}

div.header
{
  height:10%;
  width:100%;
  padding:10px;
  margin:10px;
  background: url(../images/grau.gif);
  text-align: center;
}

div.inhalt
{
  height:100%;
  padding:10px;
  margin:10px;
  overflow:auto;
  background: url(../images/grau.gif);
  text-align: center;
}

div.footer
{
  height:3%;
  padding:10px;
  margin:10px;
  background: url(../images/grau.gif);
  text-align: center;
}

bei obigen CSS erscheint kein Scrollbalken. Warum ???

Wenn ich bei div.Inhalt die Höhe in Pixeln angebe (z.B. height:300px;) dann erscheint der Scrollbalken. Allerdings ist in keinem Fall der Footer immer Sichtbar.

Ich benötige bei der Höhe für den Inhalt unbedingt eine relative Angabe, also in Prozent. Wo mache ich was falsch ?

Besten Dank

pain