Safari + background-repeat + div-width

[Elya]

Hallo,
kaum meine ich, voranzukommen, lande ich in der nächsten Fußfalle... Ich versuche mich an dem Hintergrund-Bildwechsel mit CSS via horizontalem Verschieben (nicht Tauschen) des Hintergrundbildes bei a:hover, wie er u.a. hier http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/ beschrieben wurde. Bei dem Beispiel macht mein Safari keine Probleme.

Ich beobachte bei meinen Dateien jedoch ein merkwürdiges Verhalten, sobald der umgebende Container des <a> eine feste Breite hat (was er wg. float haben muß). In diesem Fall stellt Safari das Hintergrundbild mit einem "repeat-Effekt" dar:
http://visuelya.arcsite.de/self/test2.html
(als ob er den rechts "abgeschnittenen" Teil des Bildes links anfügt )
die CSS dazu:
http://visuelya.arcsite.de/self/css/test2.css

Wenn ich auf die feste Breite des umgebenden divs verzichte, wird das Hintergrundbild korrekt dargestellt:
http://visuelya.arcsite.de/self/test.html
CSS-dazu: (nur float und width von #seitenleiste entfernt)
http://visuelya.arcsite.de/self/css/test.css
Nur ist dann natürlich der Gag weg, weil der zweite Teil des Bildes sichtbar bleibt... selbst wenn ich statt links zu floaten den Header rechts floaten ließe, wäre die #seitenleiste ja immer noch maximal breit.

Mozilla und sogar IE 5.2 (Mac) stellen den Effekt wie gewünscht dar. (Windows-Clients kann ich gerade nicht testen)

Hat jemand von den Mac- und/oder CSS-Spezis einen Tipp für mich? Bin solche Zickereien von meinem geliebten Safari gar nicht gewöhnt :-(

ratloser Gruß aus Köln-Ehrenfeld,

Elya

[Elya]

gerade sehe ich, daß das Beispiel am IE6 auch nicht korrekt funktioniert. Da habe ich wohl meine Testseiten zu sehr reduziert... denn an der Baustelle selbst läuft es, bis auf das übliche mit dem Cache-Geflacker.

Vielleicht kann ja jemand mit Safari das Problem nachvollziehen oder kennt ein gutes Safari-Bug-Weblog?

Danke.

Gruß aus Köln-Ehrenfeld,

Elya