Ich bringe mir gerade autodidaktisch cascading stylesheets bei und bin am Verzweifeln, weil ich etwas nicht hinkriege. Das Problem wird auf folgender Testseite sichtbar:
die p-Elemente haben ein voreingestelltes margin, so dass der Abstand nach oben und unten entsteht. Damit ist die innere Box, die die das seitliche Background-image hat nicht auf 100% Höhe. Nimm ihnen das margin weg und es funktioniert.
Ich empfehle für sowas immer den Firebug, ein Plugin für den Firefox, der hilft enorm bei der Fehlersuche, weil er einem anzeigen kann, welches Element den Abstand hervorruft und weil man dort ohne direkt im css rumzuspielen ausprobieren kann, was sich ändert wenn man was hinzufügt oder wegnimmt.