Problem mit HTML

[Philipp]

Ich habe ein kleines Problem mit einem HTML-Dokument.

Um den vertikalen Scrollbalken permanent "einzuschalten", habe ich in meiner CSS-Datei folgendes eingefügt:

Code: Alles auswählen

body,html {
  height: 101%;
}

Außerdem hätte ich gerne, dass ich grundsätzlich noch einen kleinen Abstand zwischen dem untersten Abschnitt und dem unteren Seitenrand habe - das finde ich optisch schöner:

Code: Alles auswählen

#container {
  width: 750px;
  margin: 0 auto;
  position: relative;
  top: 10px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: solid #000000 1px;
}

Leider klappt das alles nicht so, wie ich will. Lasse ich den Eintrag bei body/html weg, dann habe ich einen schönen Abstand zwischen dem "Container"-Abschnitt und dem unteren Seitenrand. Dafür allerdings bei zu kurzem Inhalt keinen Scrollbalken, was dazu führt dass die (zentrierte) Seite beim Wechsel auf längeren Inhalt unschön nach links springt und umgekehrt.

Füge ich den Eintrag ein, dann habe ich einen permanenten Scrollbalken und kein Gespringe mehr - dafür verschwindet aber komischerweise der Abstand zwischen "Container" und Seitenende, was einfach nicht gut ausschaut.

Ich bin ziemlich ratlos, kann mir jemand helfen?

Nachtrag: Mit dem aktuellen Firefox und IE klappts. Nur Firefox 2 will nicht. Naja, das kann ich verschmerzen...