Probleme im Firefox - Positionierung von Images

[Achim]

Was genau steht denn in $width bzw. $height: "42" oder "42px"?

da steht nur 42, deswegen habe ich ja das "px" angefügt!.

»» »» »» (also korrekt, 10Pixel für den Border des Bildes zzgl. 2+2 Pixel für Border+Padding des divs).

Nein, nicht korrekt. Border und padding kommen ja bei der Berechnung der Breite der Box des 'div' sowieso zu width noch dazu: Boxmodell.

ja, meine Variable width steht ja eben auch für die Breite des <div></div>, und nicht für die Breite des <img>.
width: Breite des orig-Bildes + 10 px  + 4 px
(border des <img> 5px; padding/margin des <img> 0px;
padding und border des <div></div> 1px; margin des div 0px;)

und wie gesagt, der "Fehler" (den ich jetzt aus Überzeugung mal so nenne) passiert nur auf der unteren und auf der rechten Seite der Box, die andern Seiten sind meiner Vorstellung gemäß)

Leider bekomme ich die korrekte Ausgabe nur im Internet Explorer hin,
[…] ist wohl wirklich ein Bug der Firefox-Engine.

Die Behauptung, der IE würde es richtig machen und Firefox falsch, erweist sich in den allermeisten Fällen als Trugschluss. So auch hier.

Der Firefox hält sich an die Spezufikation; der IE im Quirksmodus nicht. Du solltest IEs unbedingt aus dem Quirksmodus herausholen, dann hat sich dieses Problem erledigt.

Ich habe die Pixel auf 10 - obwohl es ja zweifellos 14 sind,

Es sind zweifellos 10. Wie kommst du jetzt auf 10? s.o.

dann funktioniert es in allen Browsern.

Weil der IE einen weiteren Fehler begeht: Er interpretiert 'widht'/'height' als 'min-widht'/'min-height' und vergrößert Boxen fälschlicherweise eigenmächtig.

Dann würde aber nach deiner Vorstellung auch der Firefox den selben Fehler machen. Denn ich sagte ja, es funzt in ALLEN (d.h. beiden) Browsern;)

MfG
Achim