Der Inhalt Body Container in den ich schreibe ist kürzer als der geschriebene Inhalt?

Bei einer CSS-Anpassung habe ich im Stylesheet.css nach uppercase gesucht, da ich keine Großbuchstaben haben will. Das hat auch geklappt, aber irgendwie muss ich Mist gebaut haben, ich kriegs nicht hin. Das Problem hab ich mal als Bild angehangen.
Was hab ich falsch gemacht? Und wie ändere ich das?

Anbei, die Abstände in der Sidebar sind mir zu eng, wie kann ich das ändern? Und ja ich bin nicht fit in CSS geschweige denn PHP. Danke für jede Idee!

[COLOR=#222222][FONT=ITC Officina Sans]Der Blog ist noch nicht "draußen" also noch in Entwicklungsphase, also eigentlich sowas wie ein Experiment … Hier der Link: jenita.savageland.de[/FONT][/COLOR]

bei footer steht bereits der folgende Code, sollte ich das noch dazu schreiben?

/* =Footer----------------------------------------------- */




#colophon {
    clear: both;
}
#supplementary {
    border-top: 1px solid #ddd;
    padding: 1.625em 7.6%;
    overflow: hidden;
}




/* Two Footer Widget Areas */
#supplementary.two .widget-area {
    float: left;
    margin-right: 3.7%;
    width: 48.1%;

ok, ich hab die style.css mit der originalen ersetzt. Jetzt such ich das passende uppercase und frage mich wie ich das bewerkstellige, dass das Bild direkt am Anfang anfängt und kein Hintergrund zu sehen ist.

Also die Großbuchstaben habe ich ändern können bei:

}
.widget-title {

darunter werden die Seitentitel definiert, Farbe und co, das Uppercase habe ich einfach rausgenommen und es hat funktioniert.

Bei dem Abstand am top bin ich noch am suchen … und dankbar für jede Hilfe

Den Abstand zwischen meinem Titelbild und dem Browserfenster an sich. Die Inhaltsseite soll nicht frei fliegen, sodass man den Hintergrund oben sehen kann, wie es jetzt ist, sondern sie soll direkt oben andocken. Verständlich? Siehe Bild.

Kann doch einfach sein ;-) Hab ich bei body einfach mit reingeschrieben
margin-top: 0;

und es geht doch, Danke nach Nettetal!