I'm facing an issue with the CSS code applied to a button (along with other styles):
border: 1px solid #86A74B; border-top: 1px solid #B0C5B0;
background-color: #91B248;
background-image: -moz-linear-gradient(top, #9BBC52, #84A440);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9BBC52),color-stop(1, #84A440));
background-image: -webkit-linear-gradient(#9BBC52, #84A440); /* Chrome 10+, Saf6 */
background-image: linear-gradient(top, #9BBC52, #84A440);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9BBC52', EndColorStr='#84A440'); /* IE6–IE9 */
Despite my attempts to remove text-shadow and specify a color, when viewing this button in IE7, the text is displayed using the dark background-color of the body element several layers back. I haven't been successful in resolving this issue.
Can anyone shed light on why IE 7 behaves this way and suggest a solution to consistently display the text in white on these buttons?