das Problemkind ist die folgende Seite:
http://lightbox.telltec.ch/demo/index.php?gallery=OM-Schiff in Genua

Und zwar seht ihr sicher den footer (#footer) unten, der durch eine 1px #666 dotted linie abgetrennt ist.
Nun möchte ich gerne, dass er nach oben 15px Abstand zu den Photos hat, was ich aber nicht hinbringe. Habe jetzt alles versucht, was mir in den Sinn gekommen ist, ich hoffe ihr habt die zündende Idee.

margin-top von #footer bezieht sich auf die vorige Block-Box, die *nicht* aus dem Elementfluss genommen ist. Das ist konkret #pictures. Schau dir mal dessen Dimensionen an, indem du ihm border:1px solid red gibst. Es hat keine Höhe, da alle Kindelemente float:left haben. margin-top von #footer wirkt zwar, aber zwischen #footer und #pictures sind sowieso mehr als 15px Abstand. Damit margin-top überhaupt eine merkliche Auswirkung hat, müsstest du vielleicht margin-top:1000px angeben. Was du aber willst: margin-top soll sich auf die letzte Zeile der floatenden a-Elemente beziehen. Das kannst du z.B. erreichen, indem du dafür sorgst, dass die float-Boxen eingeschlossen werden und #pictures also alle floatenden a-Elemente wirklich umspannt. Siehe dazu etwa http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#float-einschliessen. overflow:auto; funktioniert hier zum Beispiel.

Mathias