Linus: Probleme mit margin um Bilderlinks

Beitrag lesen

Hallo!

Ich bräuchte etwas Hilfe bei folgendem Problem: Ein schlichtes Bild soll auf meiner Seite als Link fungieren. Also pack ich es in einen <a></a>.

<a href="ziel.htm"><img id="bild" src="bild.jpg" width="10" height="10"></a>

Um nun noch etwas Platz zwischen diesem Bild und angrenzenden Elementen zu schaffen, ergänze ich folgendes CSS:

#bild { padding:0; margin:10px; border:0 }

Genau dieser Part scheint aber einigen Browsern (bei mir Opera und Netscape) nicht ganz zu schmecken. *Unter* dem Bild plazieren sie einen unsichtbaren Bereich von der Höhe des angegebenen margins, der ebenfalls als Link funktioniert, wenn man mit der Maus drüberfährt. Der IE hingegen stellt - zur Abwechslung mal - alles korrekt dar.

Auch Rumprobieren mit padding, border, size etc. hat das Problem bisher nicht aus der Welt geschafft. Kann mir jemand weiterhelfen?