Tach,
trotzdem noch eine frage: wo kommen die ränder oben und unten bzw. die deutlich größere hohe als 100% (man kann/muss scrollen) her?
habe alle margins auf 0, padding für html und body ebenfalls.
http://stromhalm.de/self/float_height2.html
Der obere Rand kommt daher, dass du ein h1 benutzt, das CSS aber h2 betrifft. Das p ist nicht geöffnet worden und dementsprechend wirken die CSS-Formatierungen nicht. Die Scrollbalken verschwinden, sobald du das padding von .outer verringerst; die Box ist im Moment 100% + 1em padding-top + 1 em padding-bottom >100%.
mfg
Woodfighter