Elke: Komischer Rand / Schatten um Grafik

Beitrag lesen

Hallo,

ich habe eine neue Seite entworfen: http://www.abo-bar.de , wo ich eine Hintergrundgrafik eingebaut habe (http://www.abo-finden.de/abo-bar1.jpg).
Der lilane Seiten-Hintergrund hat genau die Farbe (#520F9D), die die Grafik oben links hat.

Das Problem: Um die Grafik (besonders oben und rechts sichtbar) sieht man einen komischen Rand. Es sieht links aus wie ein heller Schatten, oben und rechts wie ein pink-farbener Schatten.

Ich habe extra noch mal eine neue Grafik gemacht (http://www.abo-finden.de/abo-bar2.jpg), wo ich rings herum einen 1 Pixel breiten Rand in genau der Hintergrundfarbe gezogen habe, aber auch dort erscheinen die Schatten, wenn ich dieses Bild in die Webseite einbinde. :-(

Woran liegt das, und wie kann ich diesen Rand/Übergang vermeiden?

Hier noch der entsprechende Quelltext:
<body
 style="background: rgb(82, 15, 157) url(abo-bar1.jpg) no-repeat fixed center; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; color: rgb(82, 15, 157);"
 link="#ffffff" vlink="#ffffff">

Danke und viele Grüße
Elke