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