CSS class changing in ie?

[JeffKimmel]

All,


I have a highly formatted report using css style sheets that does not render correctly in ie. Here is the offending areas:

In my report columns, I have this column defined:

'<p class="triangle-isosceles left-triangle">' + [Message] + '</p>'

In the css class I have:

.left-triangle
{
background:#f3961c;
background:linear-gradient(#f9d835, #f3961c);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
background:-moz-linear-gradient(#f9d835, #f3961c);
background:-o-linear-gradient(#f9d835, #f3961c);
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}


In ie, this is what I get when inspecting the element using the developer tools:

.left-triangle - none transparent scroll repeat 0% 0%

These class when I'm looking at the css outside DynamicAI so I was wondering if it's being mangled internally somehow. Also, if I comment out the linear gradients for the other webkits it displays correctly (but doesn't look as nice in 'real' wb browsers).

The other thing I notice in ie is that the column text does not disappear when I minimize the report. I might be able to get around that but I was wondering what is being used to make the report details go away?

Thanks in advance,

Jeff

[Carsten Sørensen]

Hi Jeff

I think multiple class assignments isn't supported in older IE - not sure about the newer versions. Also border-radius and linear-gradient isnt supported as far as I know. I think you must use filter:.... for gradients - and for older IE border-radius is a no-go.

Best regards.
Carsten