Problem mit Firefox

[Axel Richter]

Hallo,

Wenn ich einem <a> Element welches ein Bild enthält einen Rahmen gebe, warum wird beim Firefox das <a> Element nicht gleich groß wie das Bild?

Weil das A-Element ein "Inline, non-replaced element" ist. Dessen Höhe hat sich so http://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced zu berechnen. Die Höhe solcher Elemente ist also von der line-height bzw. der font-size abhängig, nicht aber von anderen Inhalten.

Du könntest bei a.mark:hover den rahmen aber um das IMG-Element zeichnen lassen.

...
            a.mark:hover {
                background-color:#0000FF;
            }
            a.mark:hover img {
                border:1px solid #000000;
            }
...

viele Grüße

Axel