IE Background DIV

[Unix-Tom]

Hallo Leute,

habe folgendes DIV.

Höhe Dynmisch
Weite 100%

Definiert ist im Style ein Image welche 100px hoch ist und mit repeat_x auf 100% gemacht wird.
IN der Höhe ist dann noch ein Background definiert damit diese an das Bild unten anschließt.

Nun hier das Problem.
Es wird im IE7/IE8 gegen IE9 unterschiedlich dargestellt.

IE7 und IE8
http://www.aspnetsoft.de/IE8.jpg

IE9 wo der Übergang fast passt.
http://www.aspnetsoft.de/IE9.jpg

<div style="width:300px; height:300px;background-image:url('bg_top.png'); background-repeat:repeat-x; background-color:#3A96CC">

Code stimmt nicht ganz denn hier ist das DIV 300px. Macht aber keine Unterschied.
Scheinbar behandelt der IE < 9 das ganze anders.

Jemand eine Idee?

[GyroGearloose]

Könnte es daran liegen, dass es ein PNG ist? Womöglich sogar mit Transparenz? Mir war so, als wär der IE bei sowas immer recht eigen gewesen. Vielleicht testhalber mit einem anderen Dateiformat versuchen - GIF oder BMP.

[Unix-Tom]

Hammer. Danke für den Hinweis.

Das wars. Gleiches Bild als JPG und nun geht es im IE7 und im IE8.

Das der IE7 BUGY ist ja aber dem IE8 habe ich mehr zugetraut. Finde ich schon bedenklich.

[GyroGearloose]

Offenbar könnte es etwas mit der in PNG eingebauten Gamma-Korrektur zu tun haben, die der IE (fälschlicherweise) im Web benutzt.
Vielleicht hilft das hier noch irgendwie weiter:
http://stackoverflow.com/questions/662616/background-colour-of-a-png-in-ie8