Bild rutscht runter?!?!

Hallo ihr lieben Profis,
ich habe mal wieder ein kleinen Problem^^

Ich gestalte gerade freiwillig eine Homepage für meine Schule, auf der immer der Vertretungsplan zusehen ist. Nun wollte ich in der Fussleiste der Page die Buttons von validem HTML und CSS verstauen und dazu noch die Links zum Impressum und zum Kontaktformular hinzufügen und darunter sollte vllt noch "Webmaster: Dennis R.".

Das ganze solle ungefähr so aussehen:
<!-- m --><a class="postlink" href="http://www.abload.de/img/apccapture-2009.09.22205t8.jpg">http://www.abload.de/img/apccapture-2009.09.22205t8.jpg</a><!-- m -->

Dort habe ich es ja auch hinbekommen, aber mit einer Tabelle und dies wollte ich ja vermeieden. Die Fussleiste binde ich auf jeder einzelnen Seite mit php ein, deshalb hier nur die fuss.html und meine .css-Datei:

<p class="html"><a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px;float:left;" src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Strict"/></a></p>




<p class="css"><a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px;float:right;" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="CSS ist valide!" /></a></p>

body {
     text-align: center; /* Zentrierung IE */
     background-color:#FFFFFF;
}




#seitenbereich {
     text-align:left;  /* Inhalt wieder links */
     margin: 0 auto;   /* Zentrierung mitte */
     width: 900px;
}




#kopfbereich {
     background:url(bilder/header.jpg) no-repeat;
     height:150px;
}




#schatten {
    background:url(bilder/schatten.png) repeat-x;
    height:8px;
}




#steuerung {
     background-color:#54C9D3;
     height:28px;
}




#inhalt {
     background-color:yellow;
}




#fuss {
     background-color:#6F6FA3;
     height:65px;
     margin:0px;
     overflow:auto;
}




#fuss a {
    text-align:center;




}




.html {
    float:left;
    padding-left:20px;
    padding-top:10px;
}




.css {
    float:right;
    padding-right:20px;
    padding-top:10px
}

Wie ihr seht ist der Fuss ein einzelner DIV, dort habe ich dann so überlegt, ob ich vllt den Bildern etwas per Class zuweisen kann und so habe ich das dann gemacht, aber wenn ich dann dem fuss noch p mit "text-align:center;" hinzufüge, rutscht der CSS-Button immer nach unten.
Was ist der Fehler, wie bekomme ich jetzt am einfachsten den Text zwischen die Buttons....so das aber die Struktur bleibt??

So sieht die Page im Moment aus:
<!-- m --><a class="postlink" href="http://vertretungsplan.spacequadrat.de/">http://vertretungsplan.spacequadrat.de/</a><!-- m -->

Ich bedanke mich schonmal für Eure Hilfe!!

LG Nadidz