Inconsistent styling in grid headers

[hin3x]

Hi,

We have noticed a difference in styling on grid headers between IE9 and firefox.
This is noticable in the showcase: http://www.smartclient.com/smartgwt/showcase/#grid_sort_sort

Differences:
- the hover background is different (much brighter in IE)
- hovering over a selected columnheader does not produce a smooth gradient, but a colour change (this is similar in both browsers, but looks strange (?)
- hovering a column in IE also makes the dropdown arrow on that column visible and with blue background. In firefox, the header is with a blue background, but the arrow is not.

We are on v8.3p_2013-02-13/Pro Deployment 2013-02-13.

thanks

[amcculley]

IE9 is not CSS3 compliant so it doesn't take full advantage of the CSS3 skins that are available in 3.1 - it is still image-based. There will be some subtle differences in the 3 skins that have added CSS3 support (Enterprise, Enterprise Blue / Gray I believe).

You can test this yourself by explicitly turning CSS3 support on/off in your own app and comparing how Firefox and IE9 render for these skins.

[Isomorphic]

1. not sure what you're referring to - there's no "hover" in this sample in SmartGWT terminology

2. seems to be consistent across browsers, so an aesthetic quibble - you can modify skins to suit your tastes

3. here, CSS3 mode uses no images but otherwise images must be used. Appearing with a grey background initially is more correct, but we didn't want to have non-CSS3 mode load an extra file just for this. The indent looks different because it's done with a text character instead of an image.