border-collapse geht nur für Tabellen, ggf. noch für Elemente, die mit display: table-cell zu einem Tabellenelement gemacht wurden (letzteres ungetestet)
Für die Lösung des Problems schlage ich vor, den beiden Links einen Rahmen in der Hintergrundfarbe zu geben.
.link-unten a { border: 1px solid #309; // ... }
wobei ‚link-unten‘ kein besonders glücklicher Klassenbezeichner ist. Vielleicht ‚kontakt‘?
Hallo Matthias, Recht herzlichen Dank, dass du dich in meine Formatierung einstudiert hast. Diesen Klassenbezeichner habe ich geändert in kontakt.
hat geklappt (überraschenderweise schon vorher als ich es erwartet hätte) ! Du hast mich auf die Spur gebracht mit dem Rahmenproblem. Der "top"-Link hatte einen Rahmen (den ich nun weggelassen habe, letztlich habe ich auch den äusseren roten Rahmen um das gesamte div weggelassen), der Link zu Kontaktformular hingegen nicht. Der Rahmen brauchte Platz, den er sich beim links liegenden Element geholt hat (ich ging wohl davon aus, diesen Platz hole er sich gegen innen seines Elements). Wenn beide einen Rahmen gehabt hätten, hätte ich den Verschiebungseffekt mit ...collapse vielleicht aufheben können (?). Ich probierte schon etwas mit border-collapse: collapse, doch wohl nicht bis zu Ende.