Etwas mit dem IE-Event .onmove vergleichbares gesucht...

[Matze]

Nach dem Seitenaufbau enumeriert eine Javascript alle Bilder. Die, die ein bestimmtes Attribut besitzen werden bearbeitet.

Es ist anständig und naheliegend, dieses JavaScript per conditional  compilation nur im IE auszuführen. In den anderen Browsern ist dies nicht nötig, schließlich beherrschen die ja runde Ecken mit CSS.

Ja, weil die runden Kanten aber echt nicht hübsch werden bekommen nun doch alle Browser Bilder.

Es wird mit offsetWidth, Height, Top & Left die Position und Abmessung des Bildes ermittelt, um dann 4 kleine Bildchen (die runden Ecken, wobei diese innen transparent sind) passend auszurichten (position:absolute).

Das ist nun weder anständig noch naheliegend. Wozu denkst du Breite, Höhe und Position der Box zu benötigen? Du positionierst die Ecken per 'left: 0; top: 0' links oben, 'right: 0; top: 0' rechts oben, 'left: 0; bottom: 0' links unten, 'right: 0; top: 0' rechts unten. Natürlich nicht bezogen auf den Viewport, sondern bezogen auf die Box, die dazu 'position: relative' verpasst bekommt.

Nur gibt es ein kleines Problem mit der dynamischen Breite der Seite bzw. mit der Länge von dynamischen Text innerhalb der Seite.

Und schon erfreut sich das Problem seiner Nichtexistenz.

Manchmal sieht man den Wald vor lauter Bäumen - ihr wisst schon.
Ich hab mir die Antwort ja eigentlich fast selbst gegeben. Inline-Element geht nicht, weil keine feste Breite. Block geht auch nicht, weil es einen Umbruch erzeugt (float ist na klar blödsinn). Ein img ist ein Zwischending so ähnlich wie ein ... inline-block ...
Heureka, manchmal möchte man sich selbst schütteln.
Damit läuft mein Test im IE8 (und Kompatiblitätsansicht), Opera 10.5, Chrome 4.1 und FF 3.63.
Das langt dicke...

Danke nochmal, und tschüs ;-)