Ich habe den Fehler gefunden! Zumindestens den, der dafür verantwortlich war, dass dieses pinke Rechteck im Bild zu sehen war.
Der Teil mit "ul#navigation a:active, a:focus" hat zu dem Problem geführt. Das ist jetzt bereits behoben

Bleibt nur noch die Frage, wieso im IE unten am Bildrand der grüne Balken erscheint.
Mir ist jetzt außerdem noch was aufgefallen. Jedes mal, wenn ich ein Bild mit Lightbox in Großansicht sehe und dann auf "prev" oder "next" gehe, wird die Seitenlänge größer, sprich, der Platz nach unten ( unter das Bild ) wird immer größer. Das passiert jedoch nur im FF; im IE ist unterhalb des Bildes gar kein Platz und die Seitenlänge wird auch nicht größer wenn ich das nächste Bild ansehe. Weiß jemand, wie ich im Stylesheet der lightbox oder sonstwo eine feste Seitenlänge definieren kann ( für beide Brwoser ), die nicht länger wird, wenn ich mir das nächste Bild anschaue?

Edit: Außerdem bekomme ich es immernoch nicht hin, dass meine "pagination" in der Kategorie "Über mich" zentriert dargestellt wird. Ich habe schon "margin: auto;" und "text-align: center;" ausprobiert, aber es wird einfach immer ganz links an den Rand geschoben. Wieso?