Also das > in Zeile bedeutet, dass ich nur das unmittelbare Kindelement <a> in #banner formatieren will... ohne das > wären alle a's ausgewählt!
Schau dir das mit den Slektoren im CSS mal hier an!
https://wiki.selfhtml.org/wiki/CSS/Selektoren
Das border-radius macht die Ecken eines Elementes rund... mit dem Radius, der da angegeben ist.
Sind die Elemente quadratisch... so wie deine Bilder... dann wird bei einem Radius 50% sowas wie ein Kreis aus dem Element. Die überstehenden Ecken sind dann weg und es wirkt wie kreisrund 'ausgeschnitten'.
Dass dein Logo nicht ganz so 100% aussieht, liegt am Bild selber, da ist das sichtbare Logo etwas nach unten verschoben und darüber ist ein Rand... mach das Bild genau quadratisch und schneide es so aus, dass keine Ränder über das Bild (das man sehen soll) hinaus ragen, dann sieht das Logo auch nicht mehr so schief aus.