CSS Background Image Problem with IE7 and IE8: Gradient is a Solid Color?

Question

I have the following design that I am trying to slice and code:

http://www.astigmaproductions.com/ap.jpg

After slapping some content together to get the layout to work, I checked it in Firefox, Chrome, IE6, IE7, and IE8. I didn't see any issues with the layout, but I noticed that IE7 and IE8 take a graident background image and show it as a solid color. The background image is the gray shadow behind the bronze package buttons. The other browsers show a graident, but IE7 and IE8 show a solid gray line, like I did border-top:15px solid gray instead of the image. The image is a jpg that reapeats-x. It's not even a fancy png or anything. Why would IE screw that up, and what do I do to fix it?

Answer 1

got the same problem here. do you have any idea how to fix it?