Banner wechsel mit Slideshow

Ich habe auf meiner Testseite einen Bannerwechsel eingefügt.
http://s201291267.online.de/
Dazu nutze ich "jquery.min.js und jquery.cycle.min.js"
Leider kriege ich das Logo nicht mittig zentriert.
Das Ganze sieht wie folgt aus:
<div id="logo">
<div class="slideshow">
<img src="grafik/logo1.gif" height="70" width="550" alt="beispiel" />
<img src="grafik/logo2.gif" height="70" width="550" alt="beispiel" />
</div>
</div>
Die css Datei für <div id="logo">
sieht wie folgt aus:
#logo {
padding: 2px 0;
text-align: center;
}

Wo liegt der Fehler ?

Zitat von Jörg

Mit text-align werden Texte und andere Inline-Elemente zentriert. Zur Zentrierung eines Blockelements lässt sich margin:auto verwenden (vorausgesetzt dieses verfügt über eine feste Breite)

.slideshow {
margin:auto;
}

Hier empfiehlt es sich sogar

margin: 0 auto;

zu verwenden um Probleme zu vermeiden.