IE 9 - Blue Gradients!

See more:

CSS

IE9

Hi,

I'm experiencing a strange issue with just some of my IE 9 users.

The following CSS should be a nice light grey gradient. But on some of my IE 9 users the gradient is a dark blue. I also have a green and an orange gradient which is coming out in the exact same shade of blue.

When loaded in Firefox or Chrome on the same machine it works fine.

div.contentContainerForm {
  position: absolute;
  top: 80px;
  bottom: 15px;
  width: 100%;
  overflow: hidden;
  background-color: #f0f0f0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='#e0e0e0');
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#e0e0e0));
  background-image: -webkit-linear-gradient(top, #f0f0f0, #e0e0e0);
  background-image: -moz-linear-gradient(top, #f0f0f0, #e0e0e0);
  background-image: -ms-linear-gradient(top, #f0f0f0, #e0e0e0);
  background-image: -o-linear-gradient(top, #f0f0f0, #e0e0e0);
}

Any thoughts please as this is about to go live and is now being held up by this silly problem?

Thanks,

Steve