hover Rahmen nicht um Bild, sondern im Bild

[Længlich]

Ashshaamad'd'a!

Ich möchte gern, dass der Rahmen, der erscheint, wenn ich mit der Maus über mein Icon fahre,

a:hover {
  border: thick white solid;
}

das Icon nicht umschließt und es damit vergrößert, sondern er soll im Icon erscheinen, sodass das Bild insgesamt nicht größer wird.

Wie Steel ganz richtig geschrieben hat, ist der Rahmen immer außen – der Effekt muß also irgendwie anders getrickst werden. Zwei Ideen (alternativ zu der von Steel):

• Eventuell kannst Du die Bilder mit clip zurechtschneiden – setzt aber absolute Positionierung voraus.
• Oder: Erstelle zusätzlich zu den Icons, die als img-Elemente vorliegen, solche, in denen der Rahmen schon eingebaut ist und verwende diese als (vom img verdeckte) Hintergrundbilder für die a-Elemente. Beim Hovern läßt Du dann die img mit visibility:hidden verschwinden, so daß der Hintergrund sichtbar wird.

Prüfe mal bitte, ob eine der beiden Ideen in Deinem Fall anwendbar ist.

Viele Grüße vom Længlich