IE8, button, submit, value, background-image

[Ole.]

Hallo,

da ich mir grade eine ganze Weile den Kopf zerbrochen habe warum und wieso, möchte ich anderen dieses Schicksal ersparen und hier meine Beobachtung kund tun.

Aufgabe: Einen Submit-Button ohne Text mit einem Hintergrundbild versehen.

HTML-Code:
<input type="submit" value="" title="add to cart">

CSS-Code:
input[type="submit"] {background: #fff url(example.png) center no-repeat;}

Beobachtung:
Sowohl der IE7 als auch der IE9 stellen das Hintergrundbild korrekt dar. Der IE8 jedoch zeigt es nicht an.

Lösung:
Das Value-Attribut darf für den IE8 scheinbar nicht leer sein. Daher ist die Lösung ein einfaches Leerzeichen.

<input type="submit" value=" " title="add to cart">

Gruß
Ole

PS: Diese Beobachtung habe ich mit dem IE9 mittels umstellen des Browser- und Dokumentmodus gemacht. Ob sich die "Vollversionen" des IE7 und IE8 ebenso verhalten kann ich nicht versprechen.